jQuery里filter()函數(shù)與find()函數(shù)用法分析
更新時(shí)間：2015年06月24日 16:45:10 作者：第2015換個(gè)昵稱(chēng)
這篇文章主要介紹了jQuery里filter()函數(shù)與find()函數(shù)用法,實(shí)例對(duì)比分析了filter()函數(shù)與find()函數(shù)的功能與相關(guān)使用技巧,需要的朋友可以參考下
本文實(shí)例講述了jQuery里filter()函數(shù)與find()函數(shù)用法。分享給大家供大家參考。具體分析如下：
$("div .cont");
等價(jià)于$("div").find(".cont")
filter()函數(shù)是作用在集合的每一個(gè)對(duì)象($(這里是什么得到的就是什么))上，
find()函數(shù)是在每一個(gè)對(duì)象內(nèi)部查找匹配表達(dá)式的子元素
例子：
<div class="cont"><p class="cont">asdf</p></div> <div><p class="cont">jldf</p></div>
復(fù)制代碼 代碼如下:
$("div").filter(".cont")//獲取的是<div class="cont">的標(biāo)簽
表示找到帶有class為cont的div元素
復(fù)制代碼 代碼如下:
$("div").find(".cont")//獲取的是<p class="cont">的標(biāo)簽
表示找到div之后，在div的子元素里面尋找有class為cont的元素
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
牛叉的Jquery——Jquery與DOM對(duì)象的互相轉(zhuǎn)換及DOM的三種操作
Jquery對(duì)象就是通過(guò)jQuery包裝DOM對(duì)象后產(chǎn)生的對(duì)象，jQuery對(duì)象是jQuery獨(dú)有的，其可以使用jQuery里的方法，本文給大家介紹Jquery對(duì)象就是通過(guò)jQuery包裝DOM對(duì)象后產(chǎn)生的對(duì)象，jQuery對(duì)象是jQuery獨(dú)有的，其可以使用jQuery里的方法。感興趣的朋友可以參考下2015-10-10
jQuery 3.0在日前發(fā)布了最終的全新版本。這篇文章主要介紹了jQuery 3.0十大新特性最終版發(fā)布的相關(guān)資料,需要的朋友可以參考下2016-07-07
合并table相同單元格的jquery插件分享(很精簡(jiǎn))
正好項(xiàng)目中有個(gè)小需求, 要求把表格指定列中內(nèi)容相同的單元格進(jìn)行合并,本質(zhì)上涉及的就是td的rowspan屬性, 數(shù)出含相同內(nèi)容單元格的個(gè)數(shù), 然后給第一個(gè)與上一行內(nèi)容不同的td其rowspan屬性附上正確的值即可, 為了能直觀的理解2011-06-06
我使用了JQuery進(jìn)行了一段時(shí)間的前端開(kāi)發(fā)，它讓我從選擇需要操作的元素痛苦中解放出來(lái)，因?yàn)樘峁┑倪x擇功能是如此的強(qiáng)大。 同時(shí)在開(kāi)發(fā)過(guò)程中我被一個(gè)問(wèn)題困惑了很久，也許在別人看來(lái)這根本不是問(wèn)題！2009-10-10
JS和JQUERY獲取頁(yè)面大小,滾動(dòng)條位置,元素位置(示例代碼)
這篇文章主要是對(duì)JS和JQUERY獲取頁(yè)面大小,滾動(dòng)條位置,元素位置的示例代碼進(jìn)行了介紹。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
jQuery.cookie.js是個(gè)很好的cookie插件，大概的使用方法如下，需要的朋友可以參考下。2011-01-01
14款經(jīng)典網(wǎng)頁(yè)圖片和文字特效的jQuery插件-前端開(kāi)發(fā)必備
最近沒(méi)項(xiàng)目做，在網(wǎng)上看到很多網(wǎng)頁(yè)特效，非常漂亮，于是就整理了14款經(jīng)典網(wǎng)頁(yè)圖片和文字特效的jQuery插件，有助于在項(xiàng)目需求中用到，前端開(kāi)發(fā)必備，大家都來(lái)學(xué)習(xí)下吧2015-08-08
下面小編就為大家?guī)?lái)一篇深入理解JQuery中的事件與動(dòng)畫(huà)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧2016-05-05
jQuery Ajax實(shí)現(xiàn)跨域請(qǐng)求
這篇文章主要為大家詳細(xì)介紹了jQuery Ajax實(shí)現(xiàn)跨域請(qǐng)求的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
jQuery實(shí)現(xiàn)帶有動(dòng)畫(huà)效果的回到頂部和底部代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)帶有動(dòng)畫(huà)效果的回到頂部和底部代碼,涉及jQuery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素屬性的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11