2.3 筛选选择器

基本选择器和过滤选择器是写在$()中间的,筛选选择器是以函数的形式写在$()后面的。

通常,jQuery的对象以$开头。原生JS的变量不以$开头。

2.3.1 过滤筛选选择器

选择器

说明

.filter(“选择器”)

如果基本选择器和过滤选择器不方便往选择函数中写,那么就写在.filter()方法中。

 

.filter(function(index){

 

})

.filter()中可以写筛选函数:function(index){},其中index表示当前筛选函数的索引值。满足条件的元素,return true表示筛选出该元素。

 

$img.eq(1)

是$img.filter(':eq(1)')的快捷方式

$img.not(":eq(1)")

是$img.filter(':not(:eq(1))')的快捷方式

.slice(参数1,参数2)

筛选 参数1<= 索引值 <参数2

.is(“选择器”)

.filter()返回的是满足条件的元素集;.is()是用于判断该元素是否满足选择器的条件:如果是,返回true,否则返回false.

.hasClass(“类名”)

.is(“.类名”)的快捷方式

 

.attr()在用于表单元素的时候,会有一个bug。表单元素的标签属性访问和修改用.prop(property的前四个字母)。

修改: prop(参数1, 参数2)

访问: prop(参数1)

参数1:表示要修改的表单属性名

参数2:表示要修改的表单属性值

2.3.2 查找筛选选择器

.parent()    父母 

.children()   孩子

.sibling()    亲兄弟姐妹,亲同胞

.next()           选择选中元素的紧挨着的亲弟弟或妹妹

.nextAll()         选择选中元素的所有亲弟弟妹妹

.prev()           选择选中元素的紧挨着的亲哥哥或姐姐

.prevAll()         选择选中元素的所有的亲哥哥姐姐

.find(选择器)      选择选中元素的后代

2.3.3 串联筛选选择器

.end()      返回到最近一次“破坏”之前的状

.addBack()  表示加上自身

jQuery 1.8以前版本用andSelf(),jQuery1.9后版本用addBack()

 

选中元素在其亲兄弟姐妹中的索引值:

.index()方法