jQuery學(xué)習(xí)--------jQuery過濾器-創(chuàng)新互聯(lián)

each() 方法規(guī)定為每個(gè)匹配元素規(guī)定運(yùn)行的函數(shù)。

創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供龍鳳網(wǎng)站建設(shè)、龍鳳做網(wǎng)站、龍鳳網(wǎng)站設(shè)計(jì)、龍鳳網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、龍鳳企業(yè)網(wǎng)站模板建站服務(wù)，十載龍鳳做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

過濾：

下標(biāo)過濾：

eq(index)//獲取第index個(gè)元素

類過濾：

hasClass(class) //檢查當(dāng)前元素是否含有某個(gè)特定的類，如果有，返回true

例如：$("div").hasClass("div1") //含有div1類的div元素

表達(dá)式過濾：

filter(expr) //篩選出與指定表達(dá)式expr匹配的元素集合,用逗號(hào)分隔多個(gè)表達(dá)式

filter(fn) //篩選出與指定函數(shù)fn返回值匹配的元素集合

例如：$("div").filter(".red")這里的表達(dá)式是指：選擇器表達(dá)式

has(expr)//參數(shù)expr是一個(gè)jQuery選擇器表達(dá)式字符串

也可以是一個(gè)元素或者一組元素

例如：$("p").has(span.red) 選擇擁有子元素span，并且子元素類為red的p元素

判斷：表達(dá)式判斷的方法不直接過濾元素，

僅作為一個(gè)檢測工具判斷當(dāng)前jQuery對象是否包含滿足條件的元素

is(expr)

例如：$("div").is(.red) //判斷是否有含有類red的div元素，如果有返回true

映射：將jQuery中的每個(gè)對象映射到一個(gè)數(shù)組

map(callback)

callback:給每個(gè)元素執(zhí)行的函數(shù)

清洗：從jQuery對象中刪除符合條件的元素，并返回這個(gè)清洗后的jQuery

not(expr)

截?。?/strong>截取當(dāng)前jQuery對象中的部分元素，并將部分元素裝在一個(gè)jQuery對象中返回。

slice(start,[end])

start表示開始選擇子集的位置，第一個(gè)元素是0，

如果該參數(shù)為負(fù)數(shù)，則表示從集合的尾部開始選起。

end如果不指定，則表示到集合的結(jié)尾

注意：被截取元素不包含end指定的位置

查找：

向下查找后代元素：

DOM提供了三種方法：

使用childNodes屬性

使用firstChild和lastChild屬性

使用getElementById()和getElementsByTagName()方法

jQuery訪問后代元素：

children()方法：查找當(dāng)前元素的所有或部分子元素

語法：children([expr])

contents()方法：返回所有的子元素，還可以獲取文本節(jié)點(diǎn)、注釋節(jié)點(diǎn)

語法：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()方法：返回被選元素的第一個(gè)定位父元素。

closest()方法：查找指定的父元素

語法：closest(expr,[context])

向上查找兄弟元素：

DOM提供了previousSibling屬性

jQuery訪問向上的兄弟節(jié)點(diǎn)：

prev()方法：返回上一個(gè)相鄰的元素（不包括文本節(jié)點(diǎn)）

語法：prev([expr])

prevAll()方法：返回當(dāng)前元素以上的所有同輩元素

語法：prevAll([expr])

prevUntil()方法：返回當(dāng)前元素到selector（不包含selector選擇的元素）的所有同輩元素

語法：prevUntil([selector])

向下查找兄弟元素：

DOM提供nextSibling屬性

jQuery訪問向下的兄弟節(jié)點(diǎn)：

next()方法：匹配下一個(gè)相鄰的節(jié)點(diǎn)，不包括文本節(jié)點(diǎn)

語法：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é)果的中

示例：

查詢代碼：

$("li.third-item").nextAll().andSelf()
.css("background-color", "red");

該代碼會(huì)設(shè)置3,4,5項(xiàng)的背景顏色。

解釋：初始的選擇器會(huì)定位項(xiàng)目 3，初始化的堆棧存有僅包含該項(xiàng)目的集合。

調(diào)用 .nextAll() 會(huì)將項(xiàng)目 4, 5 的集合推入堆棧。

最后，調(diào)用 .andSelf() 會(huì)合并這兩個(gè)集合。

所創(chuàng)建的 jQuery 對象指向按照文檔順序的所有三個(gè)項(xiàng)目：

{[<li.third-item>,<li>,<li> ]}。

end()方法：結(jié)束當(dāng)前鏈條中的最近的篩選操作，并將匹配元素集還原為之前的狀態(tài)

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

本文標(biāo)題：jQuery學(xué)習(xí)--------jQuery過濾器-創(chuàng)新互聯(lián)
瀏覽地址：http://www.muchs.cn/article26/deojjg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機(jī)網(wǎng)站建設(shè)、微信小程序、網(wǎng)站設(shè)計(jì)公司、移動(dòng)網(wǎng)站建設(shè)、網(wǎng)站維護(hù)、全網(wǎng)營銷推廣

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

好程序員Java學(xué)習(xí)路線分享SpringMVC之MVC概述-創(chuàng)新互聯(lián)
華為“ShapeCloud”DC集成解決方案加速運(yùn)營商數(shù)字化轉(zhuǎn)型-創(chuàng)新互聯(lián)
微信小程序特效菜單抽屜效果實(shí)例代碼-創(chuàng)新互聯(lián)
java中整型常量和整型變量的區(qū)別有哪些-創(chuàng)新互聯(lián)
Primer筆記——typedef指針類型別名時(shí)的const陷阱-創(chuàng)新互聯(lián)
html盒模型的示例分析-創(chuàng)新互聯(lián)
【C++高階數(shù)據(jù)結(jié)構(gòu)】并查集-創(chuàng)新互聯(lián)