码迷,mamicode.com
首页 > Web开发 > 详细

jQuery基本选择器

时间:2015-08-18 12:03:31      阅读:170      评论:0      收藏:0      [点我收藏+]

标签: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>

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

jQuery基本选择器

标签:jquery   选择器   

原文地址:http://blog.csdn.net/csujiangyu/article/details/47748205

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!