首页 > 代码库 > jQuery层次选择器

jQuery层次选择器

后代选择器

       //选择 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>

<script type="text/javascript"> $(function () { $(‘pre.prettyprint code‘).each(function () { var lines = $(this).text().split(‘\n‘).length; var $numbering = $(‘
    ‘).addClass(‘pre-numbering‘).hide(); $(this).addClass(‘has-numbering‘).parent().append($numbering); for (i = 1; i <= lines; i++) { $numbering.append($(‘
  • ‘).text(i)); }; $numbering.fadeIn(1700); }); }); </script>

jQuery层次选择器