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