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