jQuery选择器

基本过滤器 `

  选取最后一个元素 :last 
      $('li:last').css('background','red')
  */
  /* 排除指定元素之外的所有元素 :not(selector) */
  /* $('li:not(".feiji")').css('background','red') */
  /* 
      选取索引是偶数的所有元素（index从0开始） :even 0也是偶数
  */
  // $('li:even').css('background','red')

  /* 选取索引是奇数的所有元素（index从0开始） :odd */
  // $('li:odd').css('background','red')

  /* 选取索引等于index的元素（index从0开始）:eq(index) */
  // $('li:eq(3)').css('background','red')

  /* 选取索引大于index的元素（index从0开始）:gt(index) */
  // $('li:gt(2)').css('background','red')

  /* 选取索引小于index的元素（index从0开始） */
  // $('li:lt(4)').css('background','red')

  /* 选取所有标题元素，如h1~h6 :header */
  // $(':header').css('background','red')

  /* 选取当前获取焦点的元素 :focus */
  // $('input').click(function(){
  //     $('input:focus').css('background','red')
  // })

`

可见性过滤器 `

  选取所有可见的元素 :visible 
 // console.log( $('div:visible') );

  选取所有隐藏的元素 :hidden 
 // console.log( $('div:hidden') );

`

show和hide `

  // $('button').click(function(){
  //     if( $('div').css('display')=='block' ){
  //         /* show('slow') 慢速 
  //         show('fast')  快速 也有动画效果
  //         .hide('normal') 普通 */
  //         /* 也可以设置时间 3000 3秒 必须是数字类型 */
  //         $('div').hide(3000)
  //     }else{
  //         $('div').show(3000)
  //     }
  // })

`

选项卡 `

 console.log( $('ul').css('color') );
 let a = window.getComputedStyle(document.getElementsByTagName('ul')[0],null).color;
 console.log(a);
 // let lis = document.getElementsByTagName('li')
 // for(let i=0;i<lis.length;i++){
 //     lis[i].onclick = function(){
 //         for(let j=0;j<lis.length;j++){
 //             lis[j].style.background = ''
 //         }
 //         console.log(i);
 //         lis[i].style.background = 'red'
 //     }
 // }

`