jQuery 过滤选择器

• 选取第一个元素(:first)

$('div:first').hide();

• 选取最后一个元素(:last)

$('div:last').hide();

• 去除所有的与给定选择器匹配的元素(:not(selector))

$("div:not('.hg')").hide();

• 选取索引是偶数的所有元素，索引从0开始(:even)

$('div:even').hide();

• 选取索引是奇数的所有元素，索引从0开始(:odd)

$('div:odd').hide();

• 选取索引等于指定index的元素，索引从0开始(:eq(index))

$('div:eq(6)').hide();

• 选取索引大于指定index的元素，索引从0开始(:gt(index))

$('div:gt(6)').hide();

• 选取索引小于指定index的元素，索引从0开始(:lt(index))

$('div:lt(6)').hide();

• 选取标题元素(:header)

$('div:header').hide();

• 选取当前正在执行的动画的所有元素(:animated)

$('div:animated').hide();

• 选取当前获取焦点的所有元素(:focus)

$('div:focus').hide();

• 选取包含指定文本的元素(:contains(text))

$('div:contains(hg)').hide();

• 选取不包含子元素或文本的空元素(:empty)

$('div:empty').hide();

• 选取含有选择器匹配元素的元素(:has(selector))

$("div:has('.hg')").hide();

• 选取包含子元素或文本的空元素(:parent)

$('div:parent').hide();

• 选取不可见的元素(:hidden)

$('div:hidden').hide();

• 选取可见的元素(:visible)

$('div:visible').hide();

• 选取拥有此属性的元素([attribute])

$('div:[title]').hide();

• 选取属性值为value的元素([attribute=value])

$('div:[title=hg]').hide();

• 选取属性值不等于value的元素([attribute!=value])

$('div:[title!=hg]').hide();

• 选取属性值以value开始的元素([attribute^=value])

$('div:[title^=hg]').hide();

• 选取属性值以value结束的元素([attribute$=value])

$('div:[title$=hg]').hide();

• 选取属性值含有value的元素([attribute*=value])

$('div:[title*=hg]').hide();

• 选取属性值等于value或前缀为value(即”value-xxx”)的元素([attribute|=value])

$('div:[title|=hg]').hide();

• 组合属性选择器([attribute1][attribute2]…[attributeN])

$('div:[id][title=hg]').hide();

• 选取每个父元素下的第index个子元素或者奇偶元素，index从1算起

$('div.hg:nth-child(2)').hide();