1、jquery過濾方法
eq(index|-index)
first()
last()
hasClass(class)
filter(expr|obj|ele|fn)
is(expr|obj|ele|fn)
map(callback)
has(expr|ele)
not(expr|ele|fn)
slice(start,[end])
具體事例如下：

目前成都創(chuàng)新互聯(lián)公司已為近千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)頁(yè)空間、網(wǎng)站托管、服務(wù)器托管、企業(yè)網(wǎng)站設(shè)計(jì)、武陵網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

<ul>
    <li>第一個(gè)</li>
    <li>第二個(gè)</li>
    <li class="box" id="li3"><span class="child">第三個(gè)</span></li>
    <li>第四個(gè)</li>
    <li>第五個(gè)</li>
</ul>

eq() 獲取子元素里面的其中某一個(gè)，根據(jù)索引來獲取。 -index -1開始的

console.log($("ul>li:first"));
    console.log($("ul>li:eq(0)"));
    console.log($("ul>li:nth-child(1)"));
    console.log($("ul>li").eq(0));//上面四個(gè)等價(jià)均是第一個(gè)li
    console.log($("ul>li").eq(-1));
    console.log($("ul>li:last"));

hasClass(class) 根據(jù)元素的類名稱來進(jìn)行過濾的 參數(shù)是class名稱
用來判斷某個(gè)元素是否具有class名稱 true/false
console.log($("ul>li").eq(2).hasClass("box"));
filter 過濾 fn(index,ele)

console.log($("ul>li").filter(".box"));
console.log($("ul>li").filter($(".box")));

is() expr|obj|ele|fn 判斷當(dāng)前元素是什么 返回值 true/false

console.log($("ul>li").is(".box"));
console.log($("ul>li").is($(".box")));

map映射兩種使用
第一種將一個(gè)集合映射為一個(gè)新的集合 帶返回值
第二種 不寫返回值 map可以作為遍歷來使用
必須有回調(diào)函數(shù) 參數(shù)為index，ele
jquery 對(duì)象集合轉(zhuǎn)為數(shù)組 需要get()
get(index) js對(duì)象 不同于eq(index) 返回的是jquery對(duì)象

console.log($("ul>li")[0]);
console.log($("ul>li").get(0));

has（）過濾元素 把當(dāng)前需要的過濾出來 不需要的去除 參數(shù)可以是selecto dom
參數(shù)寫成.box都匹配不到元素（直接找的匹配元素的同級(jí)）
參數(shù)寫成.box 過濾的元素必須是匹配的元素子內(nèi)容
console.log($("ul>li").has(".child"));
not（） 除過 回調(diào)函數(shù)參數(shù)index ele
console.log($("ul>li").not(".box"));
console.log($("ul>li").not($(".box")));
slice（）參數(shù)是start end 類似數(shù)據(jù)的slice 截?cái)? 取小不取大
console.log($("ul>li").slice(0, 2));
2、查找
children([expr])
closest(e|o|e)1.7*
find(e|o|e) expr jquery對(duì)象 ele
next([expr])
nextAll([expr])
nextUntil([e|e][,f]) 類似nextAll 方法
offsetParent()
parent([expr])
parents([expr])
parentsUntil([e|e][,f]) 下去自己看
prev([expr])
prevAll([expr])
prevUntil([e|e][,f]) //下去自己看
siblings([expr])

children 獲取子元素的 獲取所有的子集元素(直接子集)
children 參數(shù)expr 選擇器 可以作為簡(jiǎn)單過濾

find 查找 參數(shù)可以是expr jquery對(duì)象 ele
next 獲取當(dāng)前匹配元素的下一個(gè) nextAll 獲取當(dāng)前匹配元素之后的所有元素
next nextoAll 方法的參數(shù) expr 表達(dá)式
prev prevAll 同上
offsetParent() 該方法返回的父元素是定位的 在父親元素中找最近的定位父元素
parent 獲取直接父元素 parents所有父親
siblings 同胞兄弟元素 不帶參數(shù) 指獲取所有的同胞兄弟 參數(shù)expr 表達(dá)式 用來過濾元素使用

3、串聯(lián)
add(e|e|h|o[,c])1.9*
addBack()1.9+
contents()
end()

<ul>
    <li>1</li>
    <li>2</li>
    <li class="box">3</li>
    <li>4</li>
</ul>
<p class="p1">ppp</p>
<p>p2222</p>

add() 給jquery對(duì)象添加新的對(duì)象

console.log($("ul>li").add($("p")));
console.log($("ul>li").add("p"));
console.log($("ul>li").add(".p1"));

addBack()
console.log($("ul>li").eq(1).nextAll().addBack());//元素234
contents 獲取當(dāng)前元素的所有節(jié)點(diǎn) 包含文本 childrenNodes
end 方法是回到上一次破壞性修改 上一次修改jquery對(duì)象

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

分享名稱：jquery常用篩選方法-創(chuàng)新互聯(lián)
文章起源：http://www.rwnh.cn/article40/csdieo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、靜態(tài)網(wǎng)站、網(wǎng)頁(yè)設(shè)計(jì)公司、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站排名、電子商務(wù)

廣告

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