当前位置: 代码迷 >> Web前端 >> 选择器 (2)
  详细解决方案

选择器 (2)

热度:452   发布时间:2012-10-29 10:03:53.0
选择器 (二)
$(document).ready(function(){  
   //选择 body内的所有div元素.
      $('#btn1').click(function(){
  $('body div').css("background","#bbffaa");
  })
  //在body内的选择 元素名是div 的子元素.  一级子元素
  $('#btn2').click(function(){
  $('body > div').css("background","#bbffaa");
  })
  //选择 所有class为one 的下一个div元素.
  $('#btn3').click(function(){
  $('.one + div').css("background","#bbffaa");
  })
  //选择 id为two的元素后面的所有div兄弟元素.
  $('#btn4').click(function(){
   $('#two ~ div').css("background","#bbffaa");
  })
  });
  相关解决方案