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

jQuery层次选择器

时间:2017-08-07 22:26:26      阅读:341      评论:0      收藏:0      [点我收藏+]

标签: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层次选择器

标签:post   next   var   jquer   length   tracking   body   end   number   

原文地址:http://www.cnblogs.com/gccbuaa/p/7301076.html

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