jquery中的篩選選擇器


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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM