一、简单选择器
1选择指定ID元素 $(“#name”) 需要加#号
2选择指定类型元素$(“div”) 返回的是一个数组
3选择指定类的元素$(“.name”) 需要家.号
4选择所有元素极其优化* $(“body *”).css(“color”,”red”);
5选择多组元素极其实现$(“h2,#wrap,[title=’text’]”).css(“color”,”red”); 用,分开
二、关系选择器
1ancestor descendant选择器 例:$(“div div”) 匹配祖先下所有的后代元素
2parent>child选择器 例:$(“div > div”) 父元素下所有的子元素
3prev+next选择器 例:$(“div + p”) 匹配元素后面紧接的相邻元素
4prev~siblings选择器 例:$(“div:eq(1)~p”) 匹配元素后面同辈的元素
三、子元素选择器
1:nth-child选择器 匹配其父元素下的第N个子元素或奇偶元素
例: :nth-child(even) 匹配偶数位元素
:nth-child(odd) 匹配奇数位元素
:nth-child(3n) 匹配第3个及其后间隔3的每个元素
:nth-child(2) 匹配第2个元素
:nth-child(3n+1) 匹配第1个及其后面间隔3的每个元素
:nth-child(3n+2) 匹配第2个及其后面间隔3的每个元素
2:first-child选择器 例:$(“ul li:first-child”) 匹配第一个子元素
3:last-child选择器 例:同上 匹配最后一个子元素
4:only-child选择器 例:同上 匹配唯一的子元素
四、定位过滤器
1:first 匹配找到的第一个元素 例:$(“tr:first”)
2:last 匹配找到的最后一个元素
3:not 去除所有与给定选择器匹配的元素 例::not(div a)和:not(div,a)
4:even 匹配所有索引值为偶数的元素
5:odd 匹配所有索引值为奇数的元素
6:eq 匹配一个给定索引值的元素 例:$(“tr:eq(0)”)
7:gt 匹配所有大于给定索引值的元素
8:lt 匹配所有小于给定索引值的元素
9:header 匹配如h1,h2,h3之类的标题元素
10:animated 匹配所有正在执行动画效果的元素
五、内容过滤器
1:contains 匹配包含给定文本的元素 $(“div:contains(‘图片’)”)
2:empty 匹配所有不包含子元素或者文本的空元素
3:has 匹配还有选择器所匹配的元素的元素 $(“div:has(p)”)匹配所有包含p元素的div元素
4:parent 匹配还有子元素或者文本的元素
六、可见过滤器
1:hidden 匹配所有不可见元素,或者type为hidden的元素
2:visible 匹配所有的可见元素
七、属性选择器
1[attribute] 匹配包含给定属性的元素 $(“div[id]”)
2[attribute=value] 匹配属性等于特定值的元素 $(“input[name=’text’]”)
3[attribute!=value] 匹配所有不含有指定的属性 等价于:not([attr=value])
或者属性不等于特定值的属性 $(“input[name!=’text’]”)
4[attribute^=value] 匹配给定的属性是以某些值开始的元素 $(“input[name^=’text’]”)
5[attribute$=value] 匹配给定的属性是以某些值结束的元素 $(“input[name$=’text’]”)
6[attribute*=value] 匹配给定的属性是以包含某些值的元素 $(“input[name*=’text’]”)
7[selector1][selector2][selectorN]
复合属性选择器,需要在同时满足多个条件时使用 $(“input[name*=’text’][id]”)
八、表单选择器
1:input 匹配所有input 、textarea、select、和button元素
2:text 匹配所有单行文本框 $(“#text :text”)
3:password 匹配所有密码框
4:radio 匹配所有单选按钮
5:checkbox 匹配所有复选框
6:submit 匹配所有提交按钮
7:image 匹配所有图像域
8:reset 匹配所有重置按钮
9:button 匹配所有按钮
10:file 匹配所有文件域
11:hidden 匹配所有不可见元素,或者type为hidden的元素
九、高级表单选择器
1:enabled 匹配所有可用元素 $(“#test :disabled”)
2:disabled 匹配所不可用元素 $(“#test :enabled”)
3checked 匹配所有选中的被选中元素
4:selected 匹配所有选中的option元素 |
|