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")