jQuery中each()、find()和filter()等節(jié)點操作方法詳解(推薦)
1.each(callback)
官方解釋:
返回值:jQuery
概述
以每一個匹配的元素作為上下文來執(zhí)行一個函數(shù)。
意味著,每次執(zhí)行傳遞進來的函數(shù)時,函數(shù)中的this關(guān)鍵字都指向一個不同的DOM元素(每次都是一個不同的匹配元素)。而且,在每次執(zhí)行函數(shù)時,都會給函數(shù)傳遞一個表示作為執(zhí)行環(huán)境的元素在匹配的元素集合中所處位置的數(shù)字值作為參數(shù)(從零開始的整型)。 返回 'false' 將停止循環(huán) (就像在普通的循環(huán)中使用 'break')。返回 'true' 跳至下一個循環(huán)(就像在普通的循環(huán)中使用'continue')。
參數(shù)
callback
對于每個匹配的元素所要執(zhí)行的函數(shù)
示例
描述:
迭代兩個圖像,并設(shè)置它們的 src 屬性。注意:此處 this 指代的是 DOM 對象而非 jQuery 對象。
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
概述
搜索所有與指定表達式匹配的元素。這個函數(shù)是找出正在處理的元素的后代元素的好方法。
所有搜索都依靠jQuery表達式來完成。這個表達式可以使用CSS1-3的選擇器語法來寫。
參數(shù)
expr String
用于查找的表達式
jQuery object object
一個用于匹配元素的jQuery對象
element DOMElement
一個DOM元素
示例
描述:
從所有的段落開始,進一步搜索下面的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)
官方解釋:
概述
篩選出與指定表達式匹配的元素集合。
這個方法用于縮小匹配的范圍。用逗號分隔多個表達式
參數(shù)
expr String
字符串值,包含供匹配當前元素集合的選擇器表達式。
jQuery object object
現(xiàn)有的jQuery對象,以匹配當前的元素。
element Expression
一個用于匹配元素的DOM元素。
function(index) Function
一個函數(shù)用來作為測試元素的集合。它接受一個參數(shù)index,這是元素在jQuery集合的索引。在函數(shù), this指的是當前的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()、find()和filter()等節(jié)點操作方法詳解(推薦)的相關(guān)知識,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
jQuery的三種bind/One/Live/On事件綁定使用方法
jQuery是 一款優(yōu)秀的JavaScript框架,在舊版里主要用bind()方法,在新版里又多了兩種One(),Live(),下面介紹這幾種方法的使用2017-02-02jQuery EasyUI中DataGird動態(tài)生成列的方法
EasyUI中使用DataGird顯示數(shù)據(jù)列表中,有時需要根據(jù)需要顯示不同的列,例如,在權(quán)限管理中,不同的用戶登錄后只能查看自己權(quán)限范圍內(nèi)的列表字段,這就需要DataGird動態(tài)組合列,下面介紹EasyUI中DataGird動態(tài)生成列的方法2016-04-04jQuery+PHP實現(xiàn)微信轉(zhuǎn)盤抽獎功能的方法
這篇文章主要介紹了jQuery+PHP實現(xiàn)微信轉(zhuǎn)盤抽獎功能的方法,詳細分析了抽獎程序界面設(shè)計、前臺jQuery交互、后臺概率算法等抽獎功能相關(guān)技巧,需要的朋友可以參考下2016-05-05jQuery+C#實現(xiàn)參數(shù)RSA加密傳輸功能【附j(luò)sencrypt.js下載】
這篇文章主要介紹了jQuery+C#實現(xiàn)參數(shù)RSA加密傳輸功能,結(jié)合具體實例形式分析了js使用jsencrypt.js插件前端字符數(shù)據(jù)處理傳輸及C#后臺數(shù)據(jù)轉(zhuǎn)換與RSA加密相關(guān)操作技巧,并附帶jsencrypt.js供讀者下載參考使用,需要的朋友可以參考下2017-06-06