本篇文章為大家展示了$().each和$.each在jquery中有什么區別,內容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細介紹希望你能有所收獲。
公司主營業務:網站制作、網站建設、移動網站開發等業務。幫助企業客戶真正實現互聯網宣傳,提高企業的競爭能力。創新互聯公司是一支青春激揚、勤奮敬業、活力青春激揚、勤奮敬業、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業文化,感謝他們對我們的高要求,感謝他們從不同領域給我們帶來的挑戰,讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創新互聯公司推出保亭黎族免費做網站回饋大家。
$(selector).each(function(index,element))
這個函數和之前項目里面用到的遍歷數據的函數不是同一個呀(項目里面用到的函 數:$.each(dataresource,function(index,element))),于是,就好好研究了下,果然在JS里面有兩個相似的函數,于是也就有了今天的主題:
1.$(selector).each(function(index,element))
2.$.each(dataresource,function(index,element))
接下來就對這兩個函數做深入的探討:
1.$(selector).each(function(index,element))
作用:在dom處理上面用的較多
js遍歷函數:
function traversalDOM(){ $("#each_id li").each(function(){ alert($(this).text()) }); } traversalDOM();
輸出結果:
2.$.each(dataresource,function(index,element))
作用:在數據處理上用的比較多
示例:
此處沒有html代碼,只有js代碼,如下:
function traversalData(){ var jsonResourceList = '[{"id":"1","tagName":"apple"},{"id":"2","tagName":"orange"},{"id":"3","tagName":"banana"},{"id":"4","tagName":"watermelon"}]'; if(jsonResourceList.length >0){ $.each(JSON.parse(jsonResourceList), function(index, currentObj) { alert(currentObj.tagName); }); } } traversalData()
3.最終結論:
在遍歷DOM時,通常用$(selector).each(function(index,element))函數;
在遍歷數據時,通常用$.each(dataresource,function(index,element))函數。
上述內容就是$().each和$.each在jquery中有什么區別,你們學到知識或技能了嗎?如果還想學到更多技能或者豐富自己的知識儲備,歡迎關注創新互聯行業資訊頻道。