基本过滤选择器
/*选取第一个元素 :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 */
console.log( $('div:visible') );
/* 选取所有隐藏的元素 :hidden */
console.log( $('div:hidden') );
jQuer隐藏
$('div').hide(); 隐藏起来
$('div').show(); 显示出来
