each() 方法規(guī)定為每個匹配元素規(guī)定運行的函數(shù)。
創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供龍鳳網(wǎng)站建設(shè)、龍鳳做網(wǎng)站、龍鳳網(wǎng)站設(shè)計、龍鳳網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、龍鳳企業(yè)網(wǎng)站模板建站服務(wù),十載龍鳳做網(wǎng)站經(jīng)驗,不只是建網(wǎng)站,更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。過濾:
下標(biāo)過濾:
eq(index)//獲取第index個元素
類過濾:
hasClass(class) //檢查當(dāng)前元素是否含有某個特定的類,如果有,返回true
例如:$("div").hasClass("div1") //含有div1類的div元素
表達(dá)式過濾:
filter(expr) //篩選出與指定表達(dá)式expr匹配的元素集合,用逗號分隔多個表達(dá)式
filter(fn) //篩選出與指定函數(shù)fn返回值匹配的元素集合
例如:$("div").filter(".red")這里的表達(dá)式是指:選擇器表達(dá)式
has(expr)//參數(shù)expr是一個jQuery選擇器表達(dá)式字符串
也可以是一個元素或者一組元素
例如:$("p").has(span.red) 選擇擁有子元素span,并且子元素類為red的p元素
判斷:表達(dá)式判斷的方法不直接過濾元素,
僅作為一個檢測工具判斷當(dāng)前jQuery對象是否包含滿足條件的元素
is(expr)
例如:$("div").is(.red) //判斷是否有含有類red的div元素,如果有返回true
映射:將jQuery中的每個對象映射到一個數(shù)組
map(callback)
callback:給每個元素執(zhí)行的函數(shù)
清洗:從jQuery對象中刪除符合條件的元素,并返回這個清洗后的jQuery
not(expr)
截取:截取當(dāng)前jQuery對象中的部分元素,并將部分元素裝在一個jQuery對象中返回。
slice(start,[end])
start表示開始選擇子集的位置,第一個元素是0,
如果該參數(shù)為負(fù)數(shù),則表示從集合的尾部開始選起。
end如果不指定,則表示到集合的結(jié)尾
注意:被截取元素不包含end指定的位置
查找:
向下查找后代元素:
DOM提供了三種方法:
使用childNodes屬性
使用firstChild和lastChild屬性
使用getElementById()和getElementsByTagName()方法
jQuery訪問后代元素:
children()方法:查找當(dāng)前元素的所有或部分子元素
語法:children([expr])
contents()方法:返回所有的子元素,還可以獲取文本節(jié)點、注釋節(jié)點
語法:contents();該方法沒有參數(shù)
find()方法:查找所有的后代元素
語法:find(expr)
例子:$("body").find("p") //返回body下所有的p元素
向上查找祖先元素:
DOM提供了parentNode屬性來訪問父元素。
jQuery訪問父元素:
parents()方法:返回被選元素的所有祖先元素,直到根元素<html>
語法:parent([expr]):expr表達(dá)式過濾查詢到的祖先元素
parent()方法:返回被選元素的直接父元素。
parentsUntil()方法:查找指定范圍內(nèi)的父元素。
例子:$("span").parentsUntil("ul")//返回的父元素到ul標(biāo)簽為止。
offsetParent()方法:返回被選元素的第一個定位父元素。
closest()方法:查找指定的父元素
語法:closest(expr,[context])
向上查找兄弟元素:
DOM提供了previousSibling屬性
jQuery訪問向上的兄弟節(jié)點:
prev()方法:返回上一個相鄰的元素(不包括文本節(jié)點)
語法:prev([expr])
prevAll()方法:返回當(dāng)前元素以上的所有同輩元素
語法:prevAll([expr])
prevUntil()方法:返回當(dāng)前元素到selector(不包含selector選擇的元素)的所有同輩元素
語法:prevUntil([selector])
向下查找兄弟元素:
DOM提供nextSibling屬性
jQuery訪問向下的兄弟節(jié)點:
next()方法:匹配下一個相鄰的節(jié)點,不包括文本節(jié)點
語法:next([expr])
nextAll()方法
nextUntil()方法
查找兄弟元素:
jQuery方法:
siblings()方法:查找所以的兄弟元素。
添加查找對象:
add()方法:向查找結(jié)果中添加新的查找內(nèi)容。
語法:add(expr,[context])
示例:$("div").css("border","solid 5px #000")
.add("p")
.css("background","#990044")
串聯(lián):
addSelf()方法:將堆棧中的元素加入到查找結(jié)果的中
示例:
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li class="third-item">list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>
查詢代碼:
$("li.third-item").nextAll().andSelf()
.css("background-color", "red");
該代碼會設(shè)置3,4,5項的背景顏色。
解釋:初始的選擇器會定位項目 3,初始化的堆棧存有僅包含該項目的集合。
調(diào)用 .nextAll() 會將項目 4, 5 的集合推入堆棧。
最后,調(diào)用 .andSelf() 會合并這兩個集合。
所創(chuàng)建的 jQuery 對象指向按照文檔順序的所有三個項目:
{[<li.third-item>,<li>,<li> ]}。
end()方法:結(jié)束當(dāng)前鏈條中的最近的篩選操作,并將匹配元素集還原為之前的狀態(tài)
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
本文標(biāo)題:jQuery學(xué)習(xí)--------jQuery過濾器-創(chuàng)新互聯(lián)
瀏覽地址:http://m.newbst.com/article26/deojjg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供手機(jī)網(wǎng)站建設(shè)、微信小程序、網(wǎng)站設(shè)計公司、移動網(wǎng)站建設(shè)、網(wǎng)站維護(hù)、全網(wǎng)營銷推廣
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容