jQuery选择器

觉得小编写得不错的 点点关注，点点赞谢谢！！！

什么是jQuery？

：jQuery是目前最流行的JavaScript程序库，它是对JavaScript对象和函数的封装

jquery选择器分为：

1. 基本选择器；
2. 层次选择器；
3. 属性选择器；
4. 基本过滤选择器；

这里使用的选择器和css一样；

jquery基本选择器：

标签选择器：$("h2" )选取所有h2元素；

类选择器：$(" .title")选取所有class为title的元素；

ID选择器：$(" #title")选取id为title的元素；

并集选择器：$("div,p,.title" )选取所有div、p和拥有class为title的元素；

全局选择器：$("*" )选取所有元素；（基本上用不到）；

jquery层次选择器：

后代选择器：$("#menu span" )选取#menu下的<span>元素；

子选择器：$(" #menu>span" )选取#menu的子元素<span>；

相邻元素选择器：$(" h2+dl " )选取紧邻<h2>元素之后的同辈元素<dl>；

同辈元素选择器：$(" h2~dl " )选取<h2>元素之后所有的同辈元素<dl>；

jQuery属性选择器：

1. $(" [href^='en']" )选取href属性值以en开头的元素；

2. $(" [href$='.jpg']" )选取href属性值以.jpg结尾的元素；

3. $(" [href* ='txt']" )选取href属性值中含有txt的元素；

jquery基本过滤选择器：

:eq(index)

选取索引等于index的元素（index从0开始）

$("li:eq(1)" )选取索引等于1的<li>元素

:gt(index)

选取索引大于index的元素（index从0开始）

$(" li:gt(1)" )选取索引大于1的<li>元素（注：大于1，不包括1）

:gt(index)

选取索引大于index的元素（index从0开始）

$(" li:gt(1)" )选取索引大于1的<li>元素（注：大于1，不包括1）

:header

选取所有标题元素，如h1~h6

$(":header" )选取网页中所有标题元素

:focus

选取当前获取焦点的元素

$(":focus" )选取当前获取焦点的元素

:animated

选择所有动画

$(":animated" )选取当前所有动画元素

总结：

 

 

jquery的几种选择器就是以上几种了，感谢浏览！