jquery操作對(duì)象數(shù)組元素方法詳解
代碼如下:
<div id="div1">
<span>a</span>
<span>b</span>
<span>c</span>
</div>
1.錯(cuò)誤方式:不能用[]方式取jquery對(duì)象數(shù)組,如下:
$(function() {
var div_span = $("#div1 span");
for( var i = 0; i < div_span.length; i++ ) {
div_span.[i].html(i);
}
});
這樣無(wú)效.
2.可以用jquery的eq()方法來(lái)選擇:
for( var i = 0; i < div_span.length; i++ ) {
div_span.eq(i).html(i);
}
3.可以用each()方法來(lái)遍歷:
$(function() {
var div_span = $("#div1 span");
var i = 0;
div_span.each( function(){
$(this).html(i);
i++;
});
});
each()遍歷的時(shí)候,如果用$(this)得到的是jquery對(duì)象,如果直接用this,得到的是DOM對(duì)象
4.純js代碼獲取的DOM對(duì)象數(shù)組,可以用[]的方式獲取數(shù)組元素
后面3種是正確的方法,第一種是錯(cuò)誤的,把他放在第一個(gè),是因?yàn)橐獜?qiáng)調(diào)下,以后不能再犯同樣的錯(cuò)誤了,小伙伴們可要看仔細(xì)哈。
相關(guān)文章
Jquery+WebService 校驗(yàn)賬號(hào)是否已被注冊(cè)的代碼
在Javascirpt代碼中,調(diào)用Jquery的方法$.Ajax(function)實(shí)現(xiàn)Ajax,傳遞賬號(hào)信息給Web服務(wù),Web服務(wù)再調(diào)用數(shù)據(jù)庫(kù)操作類查詢數(shù)據(jù)庫(kù),并返回?cái)?shù)據(jù)給前臺(tái)頁(yè)面。2010-07-07
jQury Ajax使用Token驗(yàn)證身份實(shí)例代碼
這篇文章主要介紹了jQury Ajax使用Token驗(yàn)證身份實(shí)例代碼,需要的朋友可以參考下2017-09-09
JQuery仿小米手機(jī)搶購(gòu)頁(yè)面倒計(jì)時(shí)效果
這篇文章主要介紹了JQuery仿小米手機(jī)搶購(gòu)頁(yè)面倒計(jì)時(shí)效果,從功能到實(shí)現(xiàn)原理以及主要代碼都做了詳細(xì)的介紹,推薦給有相同需求的小伙伴。2014-12-12
JQuery Ajax執(zhí)行跨域請(qǐng)求數(shù)據(jù)的解決方案
今天小編就為大家分享一篇關(guān)于JQuery Ajax執(zhí)行跨域請(qǐng)求數(shù)據(jù)的解決方案,小編覺得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來(lái)看看吧2018-12-12
jQuery ajax方法傳遞中文時(shí)出現(xiàn)中文亂碼的解決方法
這篇文章主要介紹了jQuery ajax方法傳遞中文時(shí)出現(xiàn)中文亂碼的解決方法,涉及jQuery操作ajax的相關(guān)參數(shù)及編碼的設(shè)置方法與注意事項(xiàng),需要的朋友可以參考下2016-07-07
jQuery綁定事件不執(zhí)行但alert后可以正常執(zhí)行
這篇文章主要為大家解決下為什么jQuery綁定事件不執(zhí)行而alert后可以正常執(zhí)行,需要的朋友可以參考下2014-06-06
jquery+ajax實(shí)現(xiàn)注冊(cè)實(shí)時(shí)驗(yàn)證實(shí)例詳解
這篇文章主要介紹了jquery+ajax實(shí)現(xiàn)注冊(cè)實(shí)時(shí)驗(yàn)證的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery基于ajax請(qǐng)求實(shí)現(xiàn)注冊(cè)時(shí)無(wú)刷新驗(yàn)證的相關(guān)技巧,需要的朋友可以參考下2015-12-12
使用jQuery mobile庫(kù)檢測(cè)url絕對(duì)地址和相對(duì)地址的方法
這篇文章主要介紹了使用jQuery mobile庫(kù)監(jiān)測(cè)絕對(duì)地址和相對(duì)地址的方法,分別是isAbsoluteUrl()和isRelativeUrl()方法的使用,需要的朋友可以參考下2015-12-12

