【基本过滤选择器】
选取第一个元素 :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') );
【 特殊符号的转义 】
\ 来转义 让jq 把id#a当成字符串
console.log( $('#id\#a') );
\ 来转义 让jq 把id\[2\]当成字符串
console.log( $('#id\[2\]') );
\