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種是正確的方法，第一種是錯誤的，把他放在第一個，是因為要強(qiáng)調(diào)下，以后不能再犯同樣的錯誤了，小伙伴們可要看仔細(xì)哈。
相關(guān)文章
Jquery+WebService 校驗賬號是否已被注冊的代碼
在Javascirpt代碼中，調(diào)用Jquery的方法$.Ajax(function)實現(xiàn)Ajax,傳遞賬號信息給Web服務(wù)，Web服務(wù)再調(diào)用數(shù)據(jù)庫操作類查詢數(shù)據(jù)庫，并返回數(shù)據(jù)給前臺頁面。2010-07-07
這篇文章主要介紹了jQury Ajax使用Token驗證身份實例代碼,需要的朋友可以參考下2017-09-09
這篇文章主要介紹了JQuery仿小米手機(jī)搶購頁面倒計時效果，從功能到實現(xiàn)原理以及主要代碼都做了詳細(xì)的介紹，推薦給有相同需求的小伙伴。2014-12-12
JQuery Ajax執(zhí)行跨域請求數(shù)據(jù)的解決方案
今天小編就為大家分享一篇關(guān)于JQuery Ajax執(zhí)行跨域請求數(shù)據(jù)的解決方案，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2018-12-12
jQuery ajax方法傳遞中文時出現(xiàn)中文亂碼的解決方法
這篇文章主要介紹了jQuery ajax方法傳遞中文時出現(xiàn)中文亂碼的解決方法,涉及jQuery操作ajax的相關(guān)參數(shù)及編碼的設(shè)置方法與注意事項,需要的朋友可以參考下2016-07-07
這篇文章主要為大家詳細(xì)介紹了jquery插件實現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04
這篇文章主要介紹了jQuery+ajax的資源回收處理機(jī)制,結(jié)合實例形式簡單分析了ajax中complete對象完成回調(diào)之后的資源回收處理機(jī)制用法,需要的朋友可以參考下2017-01-01
jQuery綁定事件不執(zhí)行但alert后可以正常執(zhí)行
這篇文章主要為大家解決下為什么jQuery綁定事件不執(zhí)行而alert后可以正常執(zhí)行,需要的朋友可以參考下2014-06-06
這篇文章主要介紹了jquery+ajax實現(xiàn)注冊實時驗證的方法,結(jié)合實例形式較為詳細(xì)的分析了jQuery基于ajax請求實現(xiàn)注冊時無刷新驗證的相關(guān)技巧,需要的朋友可以參考下2015-12-12
使用jQuery mobile庫檢測url絕對地址和相對地址的方法
這篇文章主要介紹了使用jQuery mobile庫監(jiān)測絕對地址和相對地址的方法,分別是isAbsoluteUrl()和isRelativeUrl()方法的使用,需要的朋友可以參考下2015-12-12