快捷導(dǎo)航

淺談jquery中的each方法$.each、this.each、$.fn.each

更新時(shí)間：2016年06月23日 08:56:56 投稿：jingxian

下面小編就為大家?guī)?lái)一篇淺談jquery中的each方法$.each、this.each、$.fn.each。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

jquery.each 方法

方法一

$("img").each(function(i,elem){
　// i 下標(biāo) 從零開(kāi)始，
　// elem == this
　// $(elem).toggleClass("example");
 $(this).toggleClass("example");
});

方法二

$.each([1,2,3,4],function(){
　　//$(this)==數(shù)組中的每一個(gè)數(shù)組（如果數(shù)組是對(duì)象，就是對(duì)象）
});

方法三

應(yīng)有場(chǎng)景有點(diǎn)不一樣

this.each(function(){

})

擴(kuò)展jQuery對(duì)象方法

應(yīng)該是

jQuery.fn.Fun=function(){
　　//this==$("img") 和下面的調(diào)用方法相結(jié)合，如果是其他對(duì)象就是其他對(duì)象
　　this.each(function(){
　　
　　$(this)==$("img")[0],
　　//$(this)==$("img")[1],
　//　.......

　　})
　　

}
調(diào)用
$("img").Fun();

以上就是小編為大家?guī)?lái)的淺談jquery中的each方法$.each、this.each、$.fn.each全部?jī)?nèi)容了，希望大家多多支持腳本之家~

您可能感興趣的文章:

相關(guān)文章

jQuery+ajax實(shí)現(xiàn)無(wú)刷新級(jí)聯(lián)菜單示例
這篇文章主要介紹了jQuery+ajax實(shí)現(xiàn)無(wú)刷新級(jí)聯(lián)菜單示例，代碼很完整，也非常實(shí)用，有需要的小伙伴可以參考下。
2015-05-05
jQuery快速上手：寫(xiě)jQuery與直接寫(xiě)JS的區(qū)別詳細(xì)解析
jQuery代碼具體的寫(xiě)法和原生的Javascript寫(xiě)法在執(zhí)行常見(jiàn)操作時(shí)的區(qū)別如下所示。需要的朋友可以過(guò)來(lái)參考下
2013-08-08
Eclipse引入jquery報(bào)錯(cuò)如何解決
有朋友問(wèn)我，在是使用eclipse的過(guò)程中遇到了這么一個(gè)問(wèn)題--eclipse導(dǎo)入jquery包后報(bào)錯(cuò)——究竟是什么原因?qū)е逻@一問(wèn)題發(fā)生的呢？該如何解決此問(wèn)題呢？下面小編給大家?guī)?lái)了解決辦法，不妨一起看看吧
2015-12-12
jquery獲取a標(biāo)簽上的href值的示例代碼
jquery是一種廣泛使用的javascript庫(kù),獲取a標(biāo)簽上的href值是一個(gè)常見(jiàn)的需求,要獲取a標(biāo)簽上的href值,只需使用選擇器選擇a元素,并使用attr()方法來(lái)獲取href屬性值,以下是一些使用jQuery獲取a標(biāo)簽上的href值的示例代碼,需要的朋友可以參考下
2024-05-05
基于jQuery的計(jì)算文本框字?jǐn)?shù)的代碼
用戶(hù)邊輸入計(jì)算同時(shí)進(jìn)行，告訴用戶(hù)還剩余多少可輸入的字?jǐn)?shù),當(dāng)超過(guò)規(guī)定的字?jǐn)?shù)后，點(diǎn)擊確定，會(huì)讓輸入框閃動(dòng)
2012-06-06
對(duì)于jQuery性能的一些優(yōu)化建議
這篇文章主要介紹了對(duì)于jQuery性能的一些優(yōu)化建議,jQuery是當(dāng)下人氣最高的JavaScript庫(kù),需要的朋友可以參考下
2015-08-08
使用jQuery在對(duì)象中緩存選擇器的簡(jiǎn)單方法
這篇文章主要介紹了使用jQuery在對(duì)象中緩存選擇器的簡(jiǎn)單方法,jQuery是最知名的JavaScript庫(kù),需要的朋友可以參考下
2015-06-06
實(shí)例詳解jQuery的鏈?zhǔn)骄幊田L(fēng)格
jQuery中的鏈?zhǔn)讲僮?，它讓代碼變得更有層次更簡(jiǎn)潔，所以這篇文章主要給大家介紹了關(guān)于jQuery鏈?zhǔn)骄幊田L(fēng)格的相關(guān)資料,需要的朋友可以參考下
2021-06-06
jquery實(shí)現(xiàn)兩個(gè)div中的元素相互拖動(dòng)的方法分析
這篇文章主要介紹了jquery實(shí)現(xiàn)兩個(gè)div中的元素相互拖動(dòng)的方法,結(jié)合實(shí)例形式分析了jQuery基于鼠標(biāo)事件響應(yīng)的頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2020-04-04
JQuery工具函數(shù)匯總
jquery為我們提供了操作數(shù)組和對(duì)象的工具函數(shù)，方便和簡(jiǎn)化了我們對(duì)它們的操作。今天我們就進(jìn)入jQuery的工具函數(shù)的復(fù)習(xí)。
2015-06-06