jQuery -常用选择：基础选择器、层次选择器、基本过滤选择器、内容过滤选择器、可见性过滤选择器、属性选择器

1.jQuery

1.1 基础选择器

$("#one")$(".one")$("*")$("#two,span") (包含id为two的元素和所有的span的元素)

1.2 层次选择器

$(body div)$(body > div) 仅 包括body 子一层的div$(.one + div ) + 所有class为one的 元素 的下一个兄弟元素$(.one ~ div) ~ 所有class为one 的元素的后面所有的兄弟元素

1.3 基本过滤选择器

$(‘div:frist’) 第一个 div 元素

$(‘div:last’) 最后一个div 元素

$(‘div:not(.one)’) 除了.one 元素 之外的所有的div元素

$(‘div:even’) 索引为偶数

$(‘div:odd’) 索引为奇数

$(‘div:gt(3)’) 索引大于三 （不包括3）

$(‘div:lt(3)’) 索引小于三 (不包括3)

$(‘div:eq(3)’) 索引为三

$(’:header’) 所有的标签元素

$(‘animated’) 所有的动画元素

1.4 内容过滤选择器

$(div:contains(di)) 文本中含有di 字符的所有块元素$(‘div:empty’) 所有的div块中 没有子元素的块（包括文本和子块等）$(‘div:has(.mini)’) 所有div块中 含有mini 块的 块元素$(‘div:parent’) 所有的div块中 有子元素的块

1.5 可见性过滤选择器

$(div:visible) 选取所有可见元素

$(div:hidden) 选取所有不可见元素

display:none 隐藏元素

input type=‘hidden’ 隐藏字段

1.6 属性选择器

$(‘div[title]’) 选择属性含有title的所有div元素$(‘div[title=test]’) 选择属性含有title且title值为test的所有 div元素$(‘div[title!=test]’) 选择属性含有title 且title值不等于test的所有div元素$(‘div[title^=te]’) 选择属性含有title 且值 由te开头的所有div元素${(}^{\prime }div[title$=sst]’) 选择属性含有title 且值 由sst结尾的所有div元素$(‘div[title*=te]’) 选择属性含有title 且值中含有 te 的所有div元素$('div[id][title*=es‘) 选取拥有id属性的 且 title值中含有es的所有div元素