jquery选择器用法总结

    jQuery最核心的是查询功能，下面对jquery选择器总结一下（版本是1.9）。

       一、 基础选择器

      （1）*号选择器，获取所有元素。例：$("*")。

      （2）class选择器。例：$(".classname")。

      （3）id选择器。例：$(“#id”)。

      （4）多个选择器的集合。 例：$("div, span, p, .classname, #id")。

       二、层级选择器

      （1）根据父节点获取直接子节点。例：$("ul>li")。

      （2）根据祖先节点获取子孙节点。例：$("ul li")。

      （3）获取直接相邻元素。例：$("label+input") 。

      （4）获取同级元素。例：$("p~div")。

  

       三、特性筛选

      （1）获取正在执行动画效果的元素。例：$("div:animated")。

      （2）在匹配的元素中选择索引值为index的元素。例：$("td:eq(2)")。

      （3）选择索引值为偶数的元素。例：$("div:even")。

      （4）选择第一个匹配的元素。例：$("div:first")。

      （5）选择大于索引值的元素。例：$("td:gt(2)")。

      （6）获取所有的标题元素。例：$(":header")。

      （7）获取指定语言的所有元素。例：$("div:lang(en-us)")。

       (8)选择最后一个匹配的元素。例：$("div:last")。

     （9）选择匹配集合中小于指定索引值的元素。例：$("td:lt(4)")。

     （10）选择集合中除了指定元素的其他集合。例：$("td:not(#id)")。

     （11）选择索引值为奇数的元素。例：$("td:odd")。

     （12）选择根元素。例：$(":root")。

     （13）选择由文档URI的格式化识别码表示的目标元素。例：$("p:target")。

      三、内容筛选

     （1）选择包含指定文本的元素。例：$("div:contains('aaa')")。

     （2）选择没有子元素的元素。例：$("td:empty")。

     （3）选择其中至少包含一种选择器的元素。例：$("div:has(p)")。

     （4）选择含有子元素的元素。例：$("td:parent")。

      四、可见性筛选

    （1）选择所有隐藏的元素。例：$("div:hidden")。

    （2）选择所有可见的元素。例：$("div:visible")。

      五、根据属性筛选

     （1）选择属性值为指定字符串或字符串为前缀。例：$("a[href|='aaa']")。

     （2）选择指定属性值里包含自定字符串的元素。例：$("input[name*='aaa']")。

     （3）选择指定属性用分割的值中包含一个指定值的元素。例：$("input[name~='man]")。

     （4）选择指定属性是以给定值结尾的元素。例：$("input[name$='letter']")。

     （5）选择指定属性是给定值的元素。例：$("input[name='aaa']")。

     （6）选择指定属性不存在或值不等于给定字符串的元素。例：$("input[name!='aaa']")。

     （7）选择具有指定元素的值。例：$("div[id]")。

     （8）选择多个属性匹配的元素。

      六、子元素筛选

     （1）选择所有父元素下的第一个子元素。例：$("div:first-child")。

      （2）选择所有父元素下的最后一个子元素。例：$("div:last-child")。