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()方法