欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery中each()、find()和filter()等節(jié)點(diǎn)操作方法詳解(推薦)

 更新時(shí)間:2016年05月25日 13:53:44   作者:天盡頭的那片海  
這篇文章主要介紹了jQuery中each()、find()和filter()等節(jié)點(diǎn)操作方法的相關(guān)資料,非常不錯(cuò)具有參考價(jià)值,需要的朋友可以參考下

1.each(callback)

官方解釋:

返回值:jQuery

概述

以每一個(gè)匹配的元素作為上下文來執(zhí)行一個(gè)函數(shù)。

意味著,每次執(zhí)行傳遞進(jìn)來的函數(shù)時(shí),函數(shù)中的this關(guān)鍵字都指向一個(gè)不同的DOM元素(每次都是一個(gè)不同的匹配元素)。而且,在每次執(zhí)行函數(shù)時(shí),都會(huì)給函數(shù)傳遞一個(gè)表示作為執(zhí)行環(huán)境的元素在匹配的元素集合中所處位置的數(shù)字值作為參數(shù)(從零開始的整型)。 返回 'false' 將停止循環(huán) (就像在普通的循環(huán)中使用 'break')。返回 'true' 跳至下一個(gè)循環(huán)(就像在普通的循環(huán)中使用'continue')。

參數(shù)

callback

對(duì)于每個(gè)匹配的元素所要執(zhí)行的函數(shù)

示例

描述:

迭代兩個(gè)圖像,并設(shè)置它們的 src 屬性。注意:此處 this 指代的是 DOM 對(duì)象而非 jQuery 對(duì)象。

HTML 代碼:

<img/><img/>

jQuery 代碼:

$("img").each(function(i){
this.src = "test" + i + ".jpg";
}); 

結(jié)果:

[ <img src="test0.jpg" />, <img src="test1.jpg" /> ] 

2.find(expr|obj|ele)

官方解釋:

返回值:jQuery

概述

搜索所有與指定表達(dá)式匹配的元素。這個(gè)函數(shù)是找出正在處理的元素的后代元素的好方法。

所有搜索都依靠jQuery表達(dá)式來完成。這個(gè)表達(dá)式可以使用CSS1-3的選擇器語(yǔ)法來寫。

參數(shù)

expr String
用于查找的表達(dá)式
jQuery object object
一個(gè)用于匹配元素的jQuery對(duì)象
element DOMElement
一個(gè)DOM元素

示例

描述:

從所有的段落開始,進(jìn)一步搜索下面的span元素。與$("p span")相同。

HTML 代碼:

<p><span>Hello</span>, how are you?</p>

jQuery 代碼:

$("p").find("span") 

結(jié)果:

[ <span>Hello</span> ]

3.filter(expr|obj|ele|fn)

官方解釋:

概述

篩選出與指定表達(dá)式匹配的元素集合。

這個(gè)方法用于縮小匹配的范圍。用逗號(hào)分隔多個(gè)表達(dá)式

參數(shù)

expr String
字符串值,包含供匹配當(dāng)前元素集合的選擇器表達(dá)式。
jQuery object object
現(xiàn)有的jQuery對(duì)象,以匹配當(dāng)前的元素。
element Expression
一個(gè)用于匹配元素的DOM元素。
function(index) Function
一個(gè)函數(shù)用來作為測(cè)試元素的集合。它接受一個(gè)參數(shù)index,這是元素在jQuery集合的索引。在函數(shù), this指的是當(dāng)前的DOM元素。

示例

參數(shù)selector描述:

保留帶有select類的元素

HTML 代碼:

<p>Hello</p><p>Hello Again</p><p class="selected">And Again</p> 

jQuery 代碼:

$("p").filter(".selected") 

結(jié)果:

[ <p class="selected">And Again</p> ]

腳本之家推薦閱讀:

jQuery中的each()詳細(xì)介紹(推薦)

jQuery each函數(shù)源碼分析

以上所述是小編給大家介紹的jQuery中each()、find()和filter()等節(jié)點(diǎn)操作方法詳解(推薦)的相關(guān)知識(shí),希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!

相關(guān)文章

  • jQuery的三種bind/One/Live/On事件綁定使用方法

    jQuery的三種bind/One/Live/On事件綁定使用方法

    jQuery是 一款優(yōu)秀的JavaScript框架,在舊版里主要用bind()方法,在新版里又多了兩種One(),Live(),下面介紹這幾種方法的使用
    2017-02-02
  • jQuery EasyUI中DataGird動(dòng)態(tài)生成列的方法

    jQuery EasyUI中DataGird動(dòng)態(tài)生成列的方法

    EasyUI中使用DataGird顯示數(shù)據(jù)列表中,有時(shí)需要根據(jù)需要顯示不同的列,例如,在權(quán)限管理中,不同的用戶登錄后只能查看自己權(quán)限范圍內(nèi)的列表字段,這就需要DataGird動(dòng)態(tài)組合列,下面介紹EasyUI中DataGird動(dòng)態(tài)生成列的方法
    2016-04-04
  • jQuery+PHP實(shí)現(xiàn)微信轉(zhuǎn)盤抽獎(jiǎng)功能的方法

    jQuery+PHP實(shí)現(xiàn)微信轉(zhuǎn)盤抽獎(jiǎng)功能的方法

    這篇文章主要介紹了jQuery+PHP實(shí)現(xiàn)微信轉(zhuǎn)盤抽獎(jiǎng)功能的方法,詳細(xì)分析了抽獎(jiǎng)程序界面設(shè)計(jì)、前臺(tái)jQuery交互、后臺(tái)概率算法等抽獎(jiǎng)功能相關(guān)技巧,需要的朋友可以參考下
    2016-05-05
  • Jquery焦點(diǎn)與失去焦點(diǎn)示例應(yīng)用

    Jquery焦點(diǎn)與失去焦點(diǎn)示例應(yīng)用

    這篇文章主要介紹了Jquery焦點(diǎn)與失去焦點(diǎn)示例應(yīng)用,需要的朋友可以參考下
    2014-06-06
  • jQuery+C#實(shí)現(xiàn)參數(shù)RSA加密傳輸功能【附j(luò)sencrypt.js下載】

    jQuery+C#實(shí)現(xiàn)參數(shù)RSA加密傳輸功能【附j(luò)sencrypt.js下載】

    這篇文章主要介紹了jQuery+C#實(shí)現(xiàn)參數(shù)RSA加密傳輸功能,結(jié)合具體實(shí)例形式分析了js使用jsencrypt.js插件前端字符數(shù)據(jù)處理傳輸及C#后臺(tái)數(shù)據(jù)轉(zhuǎn)換與RSA加密相關(guān)操作技巧,并附帶jsencrypt.js供讀者下載參考使用,需要的朋友可以參考下
    2017-06-06
  • jQuery 中國(guó)省市兩級(jí)聯(lián)動(dòng)選擇附圖

    jQuery 中國(guó)省市兩級(jí)聯(lián)動(dòng)選擇附圖

    有關(guān)中國(guó)省市兩級(jí)聯(lián)動(dòng)選擇的實(shí)現(xiàn)代碼在網(wǎng)上可以找到很多,而本文要為大家介紹的是一個(gè)比較實(shí)用的省市兩級(jí)聯(lián)動(dòng)選擇,感興趣的朋友可以參考下
    2014-05-05
  • jQuery實(shí)現(xiàn)微信長(zhǎng)按識(shí)別二維碼功能

    jQuery實(shí)現(xiàn)微信長(zhǎng)按識(shí)別二維碼功能

    這篇文章主要介紹了jQuery實(shí)現(xiàn)微信長(zhǎng)按識(shí)別二維碼的功能,非常不錯(cuò),具有參考借鑒價(jià)值,對(duì)jquery長(zhǎng)按識(shí)別二維碼的相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧
    2016-08-08
  • 仿新浪微博返回頂部的jquery實(shí)現(xiàn)代碼

    仿新浪微博返回頂部的jquery實(shí)現(xiàn)代碼

    在web頁(yè)面中,如果頁(yè)面較高,為了方便用戶快速地返回頂部,都會(huì)添加一個(gè)返回頂部按鈕
    2012-10-10
  • jQuery性能優(yōu)化28條建議你值得借鑒

    jQuery性能優(yōu)化28條建議你值得借鑒

    一直在尋找有關(guān)jQuery性能優(yōu)化方面的小竅門,能讓我那臃腫的動(dòng)態(tài)網(wǎng)頁(yè)應(yīng)用變得輕便些,我決定將最好最常用的一些優(yōu)化性能的建議列出來,感興趣的你可不要錯(cuò)過了哈,或許本文所提供的建議對(duì)你有所幫助
    2013-02-02
  • jQuery生成asp.net服務(wù)器控件的代碼

    jQuery生成asp.net服務(wù)器控件的代碼

    jQuery生成asp.net服務(wù)器控件 但不幸的是,該服務(wù)器控件依然沒有起作用,還是用隱藏服務(wù)器控件來解決吧
    2010-02-02

最新評(píng)論