jQuery基本过滤选择器/可见性过滤选择器

150 阅读1分钟
  • :first           获取数组中第一个元素
  • :last            获取数组中最后一个
  • :eq(selector)   获取指定索引
  • :gt(index)        大于指定索引
  • :lt(index)         小于指定索引
  • :even              偶数,从0开始计数(0、2、4即1/3/5行)
  • :odd                奇数
  • :not(selector)    去除所有与指定选择器匹配的元素
  • :header          获得所有标题元素
  • :animated       获得所有动画
  • :focus            获得焦点

代码:

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

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

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

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

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

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

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

可见性过滤选择器

hide()

show()