jQuery选择器及基础概念

jQuery 是什么

基本概念

1、 jQuery是一个JS库,能够帮助我们轻松实现
一些原本比较麻烦的功能。
2、 jQuery每个版本有两个小版本:压缩版与
未压缩版,压缩版没有排版和注释,不便于阅
读;未压缩版文与之相反。
3、 jQuery实际上就是一个js文件,加载到页面
就可以直接使用了。

<script src="../jquery-3.2.1.min.js"></script>

基本语法

1、 $(选择器).action();
2、 $:定义了这是一个jQuery的代码
3、 选择器:按照一定的规则选择DOM元素,非
常类似与CSS选择器。
4、 action:对选中元素执行的操作

选择器

基本选择器

id选择器 $("#id")
类选择器 $(".class")
元素选择器 $(“标签名”)
选择所有元素 $("*")
选择器分组 $(“选择器1 , 选择器2 , 选择器N”)

层次选择器

后代元素 $(“祖先元素 后代元素”)
子元素 $(“父元素 > 子元素”)
下一个兄弟元素 $(“前一个 + 后一个”)
下边所有兄弟元素 $(“前一个 ~ 后边所有”)

选择器和CSS一样

过滤选择器

$(‘p:first’) 选取页面元素内的第一个p元素
$(‘p:last’) 选取页面元素内的最后一个p元素
$(‘p:not(.select)) 选取选择器不是select的p元素
$(‘p:even’) 选取索引是偶数的P元素(索引从0开始)
$(‘p:odd’) 选取索引是奇数的p元素(索引从0开始)
$("p[name]") 选择所有具有name属性的选择器$("p[name]")
$("p*name='second’+) 选中name属性=second
$("p[name='second']")

你可能感兴趣的:(jquery)