1.1基本选择器
#id 根据给定id匹配一个元素.class 根据给定的类名匹配元素
element 根据给定的元素名匹配元素
* 匹配所有元素
selector1,
selector2,
selector3 多个选择器,或关系
1.2层次选择器
$("selector1 selector2") 选取selector1中所有的selector2元素(子孙)$("selector1 > selector2") 选取selector1中所有的selector2元素(子)
$("selector1 + selector2") 选取紧接在selector1元素后的selector2元素(同辈)
$("selector1 ~ selector2") 选取在selector1元素后所有的selector2元素(同辈)
tip:上面的$("pre + next") 和$("pre~sibling")很少使用, 因为可以使用next()和nextAll()方法进行代替
1.3基本过滤选择器(都是以:开头)
:first 选取第一个元素:last 选取最后一个元素
:not(selector) 去除所有给定选择器匹配的元素
:even 选择索引是偶数的元素,索引从0开始
:odd 选择索引是奇数的元素,索引从0开始
:eq(index) 选取索引等于index的元素
:gt(index) 选取索引大于index的元素
:lt(index) 选取索引小于index的元素
:header 选取所有的标题元素
:animated 选取当前正在执行动画的元素
:focus 选取当前获得焦点的元素
1.4内容过滤选择器
:contains(text) 选取含有文本内容为text的元素:empty 选取不包含子元素或者文本的空元素
:has(selector) 选取含有选择器所匹配的元素的元素
:parent 选取含有子元素或者文本的元素
1.5属性过滤选择器
[attribute] 选取拥有此属性的元素[attribute=value] 选取属性的值为value的元素
[attribute!=value] 选取属性的值不为value的元素,没有该属性的元素也会被选取
[attribute^=value] 选取属性的值是以value开头的元素
[attribute$=value] 选取属性的值是以value结尾的元素
[attribute*=value] 选取属性的值含有value的元素
[attribute|=value] 选取属性等于给定字符串或以该字符串为前缀的元素
[attribute~=value] 选取属性用空格分隔的值中包含一个给定值的元素
[attribute1][attribute] 满足多个属性过滤器, 且关系
1.6子元素过滤选择器
:nth-child(index/even/odd/equation) 选取每个父元素下的第index个子元素索引从1开始
:eq(index)只会取一个元素,
但是:nth-child为每一个父元素匹配子元素
:first-child 选取每个父元素的第一个子元素
:last-child 选取每个父元素的第一个子元素
:only-child 如果某个元素是它父元素中唯一的子元素
1.7表单对象属性过滤选择器
:enable 选取所有可用的元素, 针对input元素中的disabled属性:disable 选取所有不可用的元素
:checked 选取所有被选中的元素(单选框, 复选框)
:selected 选取所有被选中的选项元素(下拉列表)
1.8表单选择器
:input 选取所有的<input> <textarea> <button> <select>:text 选取所有的单行文本框
:password 选取所有的密码框
:radio ...
:checkbox ...
:submit ...
:image ...
:reset ...
:button ...
:file ...
:hidden ...