jQuery选择器

• * 选择所有元素
• .class 选择 class ，如： $('.mybox')
• element 选择 element ，如： $('p')
• #id 选择 id ，如： $('#box')
• selector1,selectorN 可以同时选择多个元素，如： $('div, p.box, #phone')

层级选择器 Hierarchy

• parent > child 选择指定元素下的指定子元素，如： $('ul.tonav > li')
• ancestor descendant 选择一个元素里所有的后代元素，如： $('form input')
• prev + next 选择所有指定元素后紧跟着的元素，如： $('label + input')
• prev ~ siblings 选择与指定元素之后有相同父级的同级选择器，如： $('#prev ~ div')

基本过滤器 Basic Filters

• :animated 选择动画进行中的所有元素。如： $('div:animated)
• :eq(n) 选取第 n 个元素，如： $('ul.tonav li:eq(n)')
• :even 选取偶数个元素，如： $('li:even')
• :odd 选取奇数个元素，如： $('li.odd')
• :first 选取奇数个元素，如： $('li:first')
• :gt(n) 选取结果集中索引大于 n 的元素， n 可以为负值，如： $(':gt(3)')
• :lt(n) 选取结果集中索引小于 n 的元素， n 可以为负值，如： $(':lt(3)')
• :header 选取所有的标题元素，例如 h1 、 h2 、 h3 …，如： $(':header')
• :lang() 选取指定语言的所有元素，，如： $('div:lang(zh-cn)')
• :last 选取最后一个符合的元素，如： $('li:last')
• :not 选取不符合的所有元素，如： $('input:not(:checked) + span')
• :root 选取作为文档根目录的元素
• :target 选取由文档的图片、视频、音频指示的目标元素

内容过滤器 Content Filters

• :contains() 选择包含指定文本的所有元素，如： $("div:containers('home')")
• :empty 选择没有子元素或内容文字的元素，如： $("td:empty"))
• :has() 选择包含至少一个匹配指定选择器的元素的元素，如： $("div:has(p)"))
• :parent 选择至少有一个子节点（元素或文本）的所有元素

可视选择器 Visibility Filters

• :hidden 选择所有隐藏的元素，如： $("div:hidden").show(3000));
• :visible 选择所有隐藏的元素，如： $("div:visible").click(function() {$(this).css("background", "yellow");});