本帖最后由 小石姐姐 于 2017-11-20 15:15 编辑
基本
#id $("#id") id选择器
element $("元素名") 元素选择器
.class $(".MyClass") 类选择器
* $("*") 通配符选择器(匹配所有元素)
s1,s2,s3 $("s1,s2,s3") 并列选择器 将每一个选择器匹配到的元素"合并"后一起返
回。(并不是同时满足)
层级
空格 $("tr td") 后代选择器 匹配所有后代元素
> $("form>input") 子元素选择器 匹配所有子元素(第一层后代元素)
+ $("lable+input")匹配下一个同辈元素 (如果多个lable元素后都紧跟一个input元素,则都匹配)
~ $("tr~tr") 找到所有的同辈元素
基本
:first $("li:first") 获取匹配的第一个元素
:not(s) $("input:not(:checked)")去除所有与给定选择器匹配的元素(即除了checke的都匹配)
:even $("li:even") 匹配所有索引值为偶数的元素(从0索引开始)***匹配的是索引***
:odd $("li:odd") 匹配所有索引值为奇数的元素(从0索引开始)***匹配的是索引***
:eq(index) $("eq(0)") 匹配一个给定索引值的元素
:gt(index) $("gt(0)") 匹配所有大于给定索引值的元素
:last $("li:last") 获取最后个元素
:lt(index) $("lt(5)") 匹配所有小于给定索引值的元素
:header $(":header") 匹配如 h1, h2, h3之类的标题元素
:animate $(":animate") 匹配所有正在执行动画效果的元素
:focus $(":focus") 匹配当前获取焦点的元素。如同其他伪类选择器（那些以":"开始），
建议:focus前面用标记名称或其他选择;否则，通用选择("*")是不言而喻的。
换句话说，$(':focus')等同为$('*:focus')。如果你正在寻找当前的焦点元素，
$( document.activeElement )将检索，而不必搜索整个DOM树。
:root $(":root") 选择该文档的根元素。在HTML中，文档的根元素，和$(":root")选择的元素一样， 永远是<html>元素。
内容
:contains(text) $("div:contains("John")") 匹配包含给定文本的元素(查找所有包含 "John" 的 div 元素)
:empty $(":empty") 匹配所有不包含子元素或者文本的空元素
:has(s) $(":has(s)") 匹配含有选择器所匹配的元素的元素
:parent $("div:parent")匹配含有子元素或者文本的元素(如果div内没有元素或文本则不匹配)
可见性
:hidden $(":hidden") 匹配所有不可见元素，或者type为hidden的元素
:visible $(":visible") 匹配所有的可见元素
属性
[attribute] $("div[id]") 匹配包含给定属性的元素。(查找所有含有 id 属性的 div 元素)
[att=value] $("div[id='dd']") 匹配包含给定属性是某个特定值的元素。(查找所有含有 id='dd' 属性的 div 元素)
[att!=value] $("div[id!='dd']") 匹配所有不含有指定的属性，**或者**属性不等于特定值的元素。(查找所有不含有 id='dd' 属性的 div 元素)
[att^=value] $("div[name^='news']") 匹配给定的属性是以某些值开始的元素(查找所有 name 以 'news' 开始的 div 元素)
[att$=value] $("div[name$='end']") 匹配给定的属性是以某些值结束的元素(查找所有 name 以 'end' 结束的 div 元素)
[att*=value] $("div[name*='aaa']") 匹配给定的属性是包含某些值的元素(查找所有 name 包含 'aaa' 的 div 元素)
[s1][s2][sn] $("div[id][name][class]")复合属性选择器，需要***同时满足***多个条件时使用。(找到所有含有 id 属性，并且含有 name 属性,并且含有class属性的div)
表单
:input $(":input") 匹配所有 input, textarea, select 和 button 元素
:text $(":text") 匹配所有的单行文本框
:password $(":password") 匹配所有密码框
:radio $(":radio") 匹配所有单选按钮
:checkbox $(":checkbox") 匹配所有复选框
:submit $(":submit") 匹配所有提交按钮
:image $(":image") 匹配所有图像域
:reset $(":reset") 匹配所有重置按钮
:button $(":button") 匹配所有按钮
:file $(":file") 匹配所有文件域
表单对象属性
:enable $("input:enable") 匹配所有可用元素(查找所有可用的input元素)
:disable $("input:disable") 匹配所有不可用元素(查找所有不可用的input元素,即disabled = "disabled")
:checked $(":checked") 匹配所有选中的被选中元素(复选框、单选框等，不包括select中的option)
:selected $(":selected") 匹配所有选中的option元素
子元素
....略 |
|
收藏
淘帖
踩
