jquery的$().each和$.each的區(qū)別
$(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處理上面用的較多
<ul id="each_id">
<li>muzi</li>
<li>digbig</li>
<li>muzidigbig</li>
</ul>
js遍歷函數(shù)：
function traversalDOM(){
$("#each_id li").each(function(){
alert($(this).text())
});
}
traversalDOM();
輸出結果：
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.最終結論：
在遍歷DOM時，通常用$(selector).each(function(index,element))函數(shù)；
在遍歷數(shù)據(jù)時，通常用$.each(dataresource,function(index,element))函數(shù)。
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對腳本之家的支持。如果你想了解更多相關內容請查看下面相關鏈接
- jQuery.parseJSON()函數(shù)詳解
- Jquery實現(xiàn)無縫向上循環(huán)滾動列表的特效
- jquery無縫圖片輪播組件封裝
- 在Vue項目中引入JQuery-ui插件的講解
- 在vue項目中使用Jquery-contextmenu插件的步驟講解
- Jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對象,Map()方法詳解以及數(shù)組中查詢某值是否存在
- Java中json與javaBean幾種互轉的講解
- Node.js Stream ondata觸發(fā)時機與順序的探索
- Node.js Event Loop各階段講解
- 使用jquery的cookie實現(xiàn)登錄頁記住用戶名和密碼的方法
相關文章
使用jQuery模板來展現(xiàn)json數(shù)據(jù)的代碼
通常我們在使用ajax的時候，都避免不了和json這種輕巧的數(shù)據(jù)格式打交道。可是往往手動的去解析json，構建HTML，比較麻煩?，F(xiàn)在有了這個插件，就能像Extjs那樣使用模板解析json了。2010-10-10
下面小編就為大家?guī)硪黄褂胘Query實現(xiàn)簡單的tab框實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
這篇文章主要為大家詳細介紹了jquery實現(xiàn)呼吸輪播效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
本篇文章是對用jquery實現(xiàn)簡單的ajax的實現(xiàn)方法進行了詳細的分析介紹，需要的朋友參考下2013-07-07
這篇文章主要介紹了JQuery對表格進行操作的常用技巧,需要的朋友可以參考下2014-04-04
從上邊的注釋看，jQuery的源碼結構相當清晰、條理，不像代碼那般晦澀和讓人糾結2011-11-11
這篇文章主要介紹了jQuery中的子元素過濾選擇器,列舉了一些操作DOM時獲取父元素的一些方法,需要的朋友可以參考下2016-04-04
jQuery實現(xiàn)Flash效果上下翻動的中英文導航菜單代碼
這篇文章主要介紹了jQuery實現(xiàn)Flash效果上下翻動的中英文導航菜單代碼,實例分析了jQuery基于鼠標hover事件控制頁面元素動畫效果的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
基于jquery ui的alert,confirm方案（支持換膚）
這篇文章主要介紹了基于jquery ui的alert,confirm方案（支持換膚），修改自網(wǎng)友的源碼，有需要的小伙伴參考下。2015-04-04
本篇文章給大家分享了關于JQuery元素查找與操作的相關技巧和流程，對此有需要的朋友可以跟著學習參考下。2018-04-04