jQuery内容过滤选择器与子元素过滤选择器用法实

$("div.mini:contains('div')")
//div.mini是DOM元素集合，:contains('div')是过滤条件

$("div.mini:has(p)")
//div.mini是DOM元素集合，:has(p)是过滤条件

$("div.item:empty")
//div.item是DON元素集合，:empty是过滤条件

$("div.item:parent")
//div.item是DOM元素集合，:parent是过滤条件

$("div.mini:first-child")//如果div.mini是某元素的第一个子元素，那么选中此div.mini
$("div.mini :first-child")//如果div.mini的后代元素A是某元素的第一个子元素，那么选中此后代元素A
$("div.mini span:first-child")//如果div.mini的span后代元素A是某元素的第一个子元素，那么选中此span后代元素A
$("div.mini span :first-child")//如果div.mini的span后代元素的后代元素A是某元素的第一个子元素，那么选中此后代元素A

$("div.mini:last-child")//如果div.mini是某元素的一个子元素，那么选中此div.mini
$("div.mini :last-child")//如果div.mini的后代元素A是某元素的一个子元素，那么选中此后代元素A
$("div.mini span:last-child")//如果div.mini的span后代元素A是某元素的一个子元素，那么选中此span后代元素A
$("div.mini span :last-child")//如果div.mini的span后代元素的后代元素A是某元素的一个子元素，那么选中此后代元素A

$("div.mini:only-child")//如果div.mini是某元素唯一的子元素，那么选中此div.mini
$("div.mini :only-child")//如果div.mini的后代元素A是某元素唯一的子元素，那么选中此后代元素A
$("div.mini span:only-child")//如果div.mini的span后代元素A是某元素唯一的子元素，那么选中此span后代元素A
$("div.mini span :only-child")//如果div.mini的span后代元素的后代元素A是某元素唯一的子元素，那么选中此后代元素A

$("div.mini:nth-child(1)")//如果div.mini是某元素的第一个子元素，那么选中此div.mini
$("div.mini :nth-child(1)")//如果div.mini的后代元素A是某元素的第一个子元素，那么选中此后代元素A
$("div.mini span:nth-child(1)")//如果div.mini的span后代元素A是某元素的第一个子元素，那么选中此span后代元素A
$("div.mini span :nth-child(1)")//如果div.mini的span后代元素的后代元素A是某元素的第一个子元素，那么选中此后代元素A

:nth-child(even)
:nth-child(odd)
:nth-child(3n)
:nth-child(3n+1)
:nth-child(3n+2)