1. 程式人生 > >jQuery層次選擇器

jQuery層次選擇器

css hid popu lin markdown track () div spl

後代選擇器

       //選擇 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>

‘).addClass(‘pre-numbering‘).hide(); $(this).addClass(‘has-numbering‘).parent().append($numbering); for (i = 1; i <= lines; i++) { $numbering.append($(‘
  • ‘).text(i)); }; $numbering.fadeIn(1700); }); });

    jQuery層次選擇器