jQuery基本过滤选择器

基本过滤选择器

        选取第一个元素 :first 
        $('li:first').css('background','red')
        
        选取最后一个元素 :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 */
                     hide隐藏   (slow慢速展示)
            $('div:visible').hide('slow')  
        /* 选取所有隐藏的元素 :hidden */
                     show展示    (fast快速展示)
            $('div:hidden').show('slow')  
            
            
            /* 展示 */
            /* $('div').show() */
            /* 隐藏 */
            /* $('div').hide() */

            /* hide('slow')慢速展示 */
            /* hide('fast')快速展示 */
            /* 'normal' 匀速展示 */
            /* hide(3000) 设置时间，3秒展示，必须是数字类型*/