jQuery層次選取器

標籤：post   next   var   jquer   length   tracking   body   end   number   

後代選取器

       //選擇 body內的全部div元素.      $(‘#btn1‘).click(function(){          $(‘body div‘).css("background","#bbffaa");      })

子項目選取器

      //在body內的選擇 元素名是div 的子項目.      $(‘#btn2‘).click(function(){          $(‘body > div‘).css("background","#bbffaa");      })

next同輩選取器

      //選擇 全部class為one 的下一個div元素.      $(‘#btn3‘).click(function(){          $(‘.one + div‘).css("background","#bbffaa");      })

siblings同輩選取器

      //選擇 id為two的元素後面的全部div兄弟元素.      $(‘#btn4‘).click(function(){          $(‘#two ~ div‘).css("background","#bbffaa");      })

參考<瑞麗的jQuery>

jQuery層次選取器