jquery操作對象數(shù)組元素方法詳解
更新時間：2014年11月26日 16:27:24 投稿：hebedich
本文介紹了jQuery操作對象數(shù)組元素的3種方法以及一種錯誤方法，這里記錄一下，防止下次再犯，有需要的小伙伴也可以參考下。
代碼如下:
復(fù)制代碼 代碼如下:
<div id="div1">
<span>a</span>
<span>b</span>
<span>c</span>
</div>
1.錯誤方式:不能用[]方式取jquery對象數(shù)組,如下:
復(fù)制代碼 代碼如下:
$(function() {
var div_span = $("#div1 span");
for( var i = 0; i < div_span.length; i++ ) {
div_span.[i].html(i);
}
});
這樣無效.
2.可以用jquery的eq()方法來選擇:
復(fù)制代碼 代碼如下:
for( var i = 0; i < div_span.length; i++ ) {
div_span.eq(i).html(i);
}
3.可以用each()方法來遍歷:
復(fù)制代碼 代碼如下:
$(function() {
var div_span = $("#div1 span");
var i = 0;
div_span.each( function(){
$(this).html(i);
i++;
});
});
each()遍歷的時候,如果用$(this)得到的是jquery對象,如果直接用this,得到的是DOM對象
4.純js代碼獲取的DOM對象數(shù)組,可以用[]的方式獲取數(shù)組元素
后面3種是正確的方法，第一種是錯誤的，把他放在第一個，是因為要強調(diào)下，以后不能再犯同樣的錯誤了，小伙伴們可要看仔細哈。
相關(guān)文章
jQuery增加、刪除及修改select option的方法
這篇文章主要介紹了jQuery增加、刪除及修改select option的方法,涉及jQuery針對form表單中select選項的常見操作技巧,需要的朋友可以參考下2016-08-08
這篇文章主要介紹了jQuery實現(xiàn)的移動端圖片縮放功能組件,結(jié)合實例形式詳細分析了jQuery基于移動端的圖片縮放功能組件實現(xiàn)原理、步驟、核心代碼及使用技巧,需要的朋友可以參考下2020-05-05
下面小編就為大家?guī)硪黄猨query實時獲取時間的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-01-01
jQuery使用$.extend(true,object1, object2);實現(xiàn)深拷貝對象的方法分析
這篇文章主要介紹了jQuery使用$.extend(true,object1, object2);實現(xiàn)深拷貝對象的方法,結(jié)合實例形式分析了jQuery中$.extend(true,object1, object2);進行深拷貝操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2019-03-03
最近，需要做個劃詞搜索功能。在網(wǎng)上找了好些，最后，參照進行修改，實現(xiàn)了想要的功能。這里，做個記錄，以備日后所用。2010-09-09
本文主要給大家詳細介紹了jQuery過濾選擇器，包含基本過濾選擇器、內(nèi)容過濾選擇器、可見性過濾選擇器、屬性過濾選擇器、子元素過濾選擇器、表單對象屬性過濾選擇器等，十分全面,需要的朋友可以參考下2015-01-01
jquery過濾特殊字符'',防sql注入的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨query過濾特殊字符',防sql注入的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
基于jquery的文本框與autocomplete結(jié)合使用(asp.net+json)
基于jquery的文本框與autocomplete結(jié)合使用示例代碼，需要的朋友可以參考下2012-05-05
JQuery 實現(xiàn)在同一頁面錨點鏈接之間的平滑滾動
JQuery 原來比我想象的要強大的多，本文用 JQuery 實現(xiàn)錨點鏈接之間的平滑滾動，在同一頁面的錨點鏈接之間實現(xiàn)平滑的滾動2014-10-10
這篇文章主要介紹了jQuery定義背景動態(tài)切換效果的方法,實例分析了jQuery操作圖片的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03