Jquery选择器汇总

基本选择器：

#id

.class

种类 $(“div”)

所有 $(“*”)

多个条件 $(“#id”,”.class”)

层次选择器：

       1内所有的2 $(“#id1 #id2”)

       1的子元素2，仅一级 $(“#id1>#id2”)

       1的下一个同级2 $(“#id1+#id2”)

1的所有同级的2 $(“#id1~#id2”)

 

*******注意：冒号没有空格

基本过滤选择器：

       选第一个元素  :first  $(“.class:first”)

       选最后一个元素  :last  $(“.class:last”)

       选取去除后的元素  :not()  $(“.class:not(#id)”)

       奇数、偶数 :even :odd

       索引数大于小于等于 :gt(i),:eq(i),:lt(i) $(“.class:eq(4)”)

       标题元素 :header

内容过滤器：

       文本内容包含 :contains(“text”)

       空元素 :empty

       非空元素 :parentu

       获取匹配选择器选取的元素 :has(selector) $(“div:has(.class)”)

      

属性选择器

       拥有 [id] $(“div[id]”)

       属性值选择

                     属性值为 [id=value] $(div[id=value])

                     不等于[id!=value] ,

以value开头[id^=value],

以value结束[id$=value],

含有[id*=value],

前缀（value_xxxx）或相等[id|=value]

使用空格分隔的值中包括[id~=value]

       符合选择，相当于且

                     [id][name]

 

子元素过滤选择器(div.one :lnth-child(3n+1))

       第一个子元素 :first-child

       最后一个子元素 :last-child

       唯一子元素 :only-child

       :nth-child()选择

              even/add-奇数偶数

              index-第index个

              3n+1/4n+1（n从1开始，依次匹配）

             

表单选择器($(“#from :enabled”))

1.

       :enabled 所有可用的

       :disabled 所有不可用

       :checked 被选中的元素（单选、复选）

       :selected 被选中的选项（下拉菜单）

2.属性选择器

       :index/:text/:password