jQuery 选择器大全

1.通过$*选择,表示选择所有。例如:$(*)==$(body).
2.通过$#id选择,表示选择ID为id。例如:$(#id名称)。
3.通过$.class选择,表示选择Class类。例如:$(.class名称)。
4.通过$element选择,表示选择标签。如:$(span),$(body),$(div),$(p)等。
5.通过合并元素一起选择$(#id .class),表示选择id下的class类。
6.过滤选择,以:为代表
a.$("p:first")选择p标签中的第一个p标签,$("p:last")选择p标签中的最后一个p标签,$("tr:even")选择tr标签中的偶数tr标签,$("tr:odd")选择tr标签中的奇数tr标签
b.$("ul li:eq(3)")列表中的第四个元素(index 从 0 开始),$("ul li:gt(3)")列出 index 大于 3 的元素,$("ul li:lt(3)")列出 index 小于 3 的元素,$(":header")    所有标题元素 <h1> - <h6>.
c.$("p:contains('W')")表示选择p标签中有”W“字符的标签。
d.$("p").eq(0) ==$("p:first")都是表示P标签中的第一个标签.
7.层次选择
a.$("#one+div")表示选择id为one的下一个div标签,one和div不能有间隔,必须相邻。
b.$("#two~div")表示选择id为two的后面所有div标签兄弟。
c.$("#two"). siblings("p") 表示选择id为two的所有p标签。
d.$("#div>p")表示选择id为div中的子元素p,不包括p元素中的子元素。
e..$("#div p")表示选择id为div中的所有子元素p,包括p元素中的子元素。
8.内容过滤选择:
a.$("p:cotains(di)")选择含有文本 ‘di’ 的 p元素。
b.$("div:empty")选择div为空的div,包含div中没有元素和内容。
c.$("p:has(.mini)")选择含有 class 为 mini 元素的 p元素。
d.$("div:parent")选择div内不为空的div元素,包含Div中有其他元素和内容。
9.可见性过滤选择
a.$(div:hidden)选择div标签属性为不可见的div标签。<div class="display" ></div> css样式.display{display:none;}表示不可见。
b.$("div:visible")选择div标签属性为可见的div标签。
10.attribute属性过滤选择[]
a.$("div[title='test']")选择div标签属性title="test"的div标签。
b.$("div[title!='test']")选择div标签属性**不是**title="test"的div标签。
c.$("div[title^=‘te’]")选择div标签属性title以'te'**开头**的div标签。
d.$("div[title$='es']")选择div标签属性title以'es'**结尾**的div标签。
e.$("div[title*='es']")选择div标签属性title**包含**'es'的div标签。
f.$("div[id][title*='es']")选择div标签属性title**包含**'es'的**并且有id属性**的div标签。
11.子元素过滤选择
a.:nth-child(even/odd): 能选取每个父元素下的索引值为偶(奇)数的元素。如:$("#ss :nth-child(even)")表示选取id为ss的子元素为偶数的元素。
b.:nth-child(2): 能选取每个父元素下的索引值为 2 的元素。如:$("div[class='one'] :nth-child(2)")表示class为one的div父元素下的第2个子元素。
c.:nth-child(3n): 能选取每个父元素下的索引值是 3 的倍数 的元素。
d.:nth-child(3n + 1): 能选取每个父元素下的索引值是 3n + 1的元素。
12.表单对象属性过滤选择
a.:enabled选取所有**可用**元素。
b.:disabled选取所有**不可用**元素。
c.:ckecked选取所有**被选中**元素,单选框和复选框。如:var ckbs=$(":checkbox:checked");选择选中的复选框 ckbs.length获得选中的复选框个数的长度。
d.:selected选取所有**被选中选项**元素(下拉列表)。
13.表单选择
:input ,:text.:password,:radio,:checkbox,:submit,:image,:reset,:button,:file,:hidden

 

posted @ 2017-11-30 09:24  蓬鹏  阅读(239)  评论(0编辑  收藏  举报