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元素