jquery遍歷 $.each和$(selector).each()的區(qū)別

1.$(selector).each()
主要對(duì)DOM的遍歷

$(selector).each(function(index,element)){
    //index - 選擇器的 index 位置
    //element - 當(dāng)前的元素(也可使用 "this" 選擇器)
}
$("button").click(function(){
  $("li").each(function(){
    alert($(this).text())
  });
});

2.$.each
遍歷對(duì)象或數(shù)組

$.each(Array, function(i, value) {
      this;      //this指向當(dāng)前元素
      i;         //i表示Array當(dāng)前下標(biāo)
      value;     //value表示Array當(dāng)前元素
 });
$.each(Object, function(name, value) {
      this;      //this指向當(dāng)前屬性的值
      name;      //name表示Object當(dāng)前屬性的名稱
      value;     //value表示Object當(dāng)前屬性的值
 });

3.find()
find() 方法獲得當(dāng)前元素集合中每個(gè)元素的后代

//搜索所有段落中的后代 span 元素,并將其顏色設(shè)置為紅色:
$("p").find("span").css('color','red');

4.siblings()
siblings() 獲得匹配集合中每個(gè)元素的同胞

//查找每個(gè) p 元素的所有類名為 "selected" 的所有同胞元素:
$("p").siblings(".selected")
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • (續(xù)jQuery基礎(chǔ)(1)) 第5章 DOM節(jié)點(diǎn)的復(fù)制與替換 (1)DOM拷貝clone() 克隆節(jié)點(diǎn)是DOM的常...
    凜0_0閱讀 1,504評(píng)論 0 8
  • 通過jQuery,您可以選?。ú樵儯琿uery)HTML元素,并對(duì)它們執(zhí)行“操作”(actions)。 jQuer...
    枇杷樹8824閱讀 719評(píng)論 0 3
  • Chapter 2 : Selecting the elements upon which to act 1. $...
    Azur_wxj閱讀 479評(píng)論 0 1
  • DOM創(chuàng)建節(jié)點(diǎn)及節(jié)點(diǎn)屬性 通過JavaScript可以很方便的獲取DOM節(jié)點(diǎn),從而進(jìn)行一系列的DOM操作。但實(shí)際上...
    阿r阿r閱讀 1,076評(píng)論 0 9
  • 1:jQuery節(jié)點(diǎn)創(chuàng)建與屬性的處理 創(chuàng)建元素節(jié)點(diǎn):可以有幾種方式,后面會(huì)慢慢接觸。常見的就是直接把這個(gè)節(jié)點(diǎn)的結(jié)構(gòu)...
    碼農(nóng)小楊閱讀 684評(píng)論 0 1

友情鏈接更多精彩內(nèi)容