jQuery基本选择器

id选择器

     //选择 id为 one 的元素
      $('#btn1').click(function(){
          $('#one').css("background","#bfa");
      });

.class选择器

      //选择 class 为 mini 的所有元素
      $('#btn2').click(function(){
          $('.mini').css("background","#bfa");
      });

element选择器

      //选择 元素名是 div 的所有元素
      $('#btn3').click(function(){
          $('div').css("background","#bfa");
      });

*选择器

      //选择 所有的元素
      $('#btn4').click(function(){
          $('*').css("background","#bfa");
      });

集合选择器

      //选择 所有的span元素和id为two的div元素
      $('#btn5').click(function(){
          $('span,#two').css("background","#bfa");
      });   

参考<锋利的jQuery>

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

版权声明：本文为博主原创文章，未经博主允许不得转载。