jQuery常见选择器

jq常用的选择器

• 常用选择器

  // 1、与css相同的选择器
  $('#myId') //选择id为myId的元素
  $('.myClass') // 选择class为myClass的元素
  $('li') //选择所有的li元素
  $('#ul1 li span') //选择id为为ul1元素下的所有li下的span元素
  $('input[name=first]') // 选择name属性等于first的input元素
  
  // 2、选择集过滤
  $('div').has('p'); // 选择包含p元素的div元素
  $('div').not('.myClass'); //选择class不等于myClass的div元素
  $('div').eq(5); //选择第6个div元素
  
  // 3、选择器转移
  $('#box').prev(); //上一个同级元素
  $('#box').prevAll(); //上面所有的同级元素
  $('#box').next(); //下一个同级元素
  $('#box').nextAll(); //下面所有的同级元素
  $('#box').parent(); //当前元素的父元素
  $('#box').children(); //当前元素的所有子元素
  $('#box').siblings(); //当前元素的其他兄弟(同级)元素
  $('#box').find('p'); //当前元素里的p元素
  

• 兄弟选择器siblings()

  选择的是： 当前元素的其他同级元素(兄弟元素)

  <script src="./js/jquery-1.12.4.js"></script>
  <script>
      $(function(){
        
          // 单击的这个标签的css变绿
          $('button').click(function()