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

原文地址:https://www.cnblogs.com/feipengting/p/8933323.html