JQuery选择器

JQuery的选择器分为：简单选择器，组合选择器，选择器组。

• 简单选择器

• 常规选择器

• 标签选择器：$("标签名")

• id选择器：$("标签id")

• 类选择器：$("标签class")
  

• 属性选择器

• 属性选择：$("[属性名]")

• 完全匹配属性值：$("[属性名='值']")

• 完全不匹配属性值：$("[属性名!='值']")

• 匹配起始字符为属性值：$("[属性名]^='值'")

• 匹配末尾字符为属性值：$("[属性名$='值']")

• 模糊匹配属性值，只要包含属性值都能匹配到：$("[属性名*='值']")

• 单词匹配，属性值前后有空格的才是单词：$("[属性名~='值']")

• 多个属性同时匹配：$("[属性名1][属性名2]")

• 表单选择器

• 匹配所有表单元素：$(":input")

• 匹配input各个类型的元素：$("input:类型")

• 匹配按钮元素：$(":button")

• 位置选择器

• 选择第n个，起始是0：$("标签名:eq(n-1)")

• 选择位置大于n，直至最后一个：$("标签名:gt(n)")

• 选择位置小于n，直至0：$("标签名:lt(n)")

• 选择第一个：$("标签名:first")

• 选择最后一个：$("标签名:last")

• 选择偶数行：$("标签名:even")

• 选择奇数行：$("标签名:odd")
  

• 组合选择器

• 后代组合符

• 在A元素所有的子孙元素中查找B元素：$("ul li")

• 在A元素中的子元素查找B元素，不查找孙元素：$("ul>li")

• 兄弟组合符

• 选择指定标签的所有兄弟标签中的第一个：$("#pid+p")

• 选择指定标签的所有兄弟标签，注意不包括指定标签的前面兄弟标签和后面兄弟标签的子孙元素：$("#lid~li")

• 选择器组

• 用逗号(,)分隔的选择器列表：$("h1,h2,h3")，$("li:eq(2),p#pid")，$("div span,p>em")