1、基础选择器:
2、层级选择器
除此之外还有:
相邻元素选择器:用法: ‘div + span’ 匹配所有紧接在div元素后的span元素
之后兄弟元素选择器:用法:‘div ~span’ 匹配div元素之后的所有span元素
3、筛选选择器
基本过滤器:
:first 获取第一个元素
:last 获取最后一个元素
:even 匹配所有索引值为偶数的元素,从0开始计数
:odd 匹配所有索引值为奇数的元素,从0开始计数
:eq(index) 匹配给定索引值的元素
:not(selector) 去除所有与给定选择器匹配的元素
:gt(index) 匹配所有大于给定索引值的元素
:lt(index) 匹配所有小于给定索引值的元素
:header 匹配如h1,h2,h3之类的标题元素
:animated 匹配所有正在执行动画效果的元素
内容过滤器:
:contains(text) 匹配给定文本的元素
:empty 匹配所有不包含子元素或者文本的空元素
:parent 匹配含有子元素或者文本的元素
:has(selector) 匹配含有选择器所匹配的元素的元素
属性过滤器:
[attribute] 匹配包含给定属性的元素。
[attribute=value] 匹配给定属性是某个特定值的元素。
[attribute!=value] 匹配所有不含有指定的属性,或者给定属性不是某个特定值的元素。
[attribute^=value] 匹配给定属性是以某个值开始的元素。
[attribute$=value] 匹配给定属性是以某个值结束的元素。
[attribute*=value] 匹配给定属性是以包含某个值的元素。
[attrSel1][attrSel2] [attrSelN] 复合属性选择器,需同时满足多个条件时使用。
表单过滤器:
:input 匹配所有input、textarea、select和button元素
:text 匹配所有文本输入框
:password 匹配所有密码输入框
:radio 匹配所有单选框
:checkbox 匹配所有复选框
:submit 匹配所有提交按钮
:image
:reset 匹配所有重置按钮
:button 匹配所有按钮
:file 匹配所有文件上传域
:hidden 匹配所有不可见的元素,或者type为hidden的元素
jQuery 筛选方法
eq() 获取给定索引的元素 功能跟:eq()一样
first() 获取第一个元素 功能跟:first一样
last() 获取最后一个元素 功能跟:last一样
filter(exp) 留下匹配的元素
is() 判断是否匹配给定的选择器,只要有一个匹配就返回,true
has(exp) 返回包含有匹配选择器的元素的元素 功能跟:has一样
not(exp) 删除匹配选择器的元素 功能跟:not一样
children(exp) 返回匹配给定选择器的子元素 功能跟:parent>chilld一样
find(exp) 返回匹配给定选择器的后代元素 功能跟ancestor
descendant一样
next() 返回当前元素的下一个兄弟元素
nextAll() 返回后面的所有兄弟元素
nextUnit() 返回当前元素到指定匹配的元素为止的后面元素
parent() 返回父元素
prev(exp) 返回当前元素上一个元素
prevAll() 返回当前元素前面所有的兄弟元素
preUnit(exp)
返回当前元素到指定匹配元素为止的后面元素
siblings(exp) 返回所有兄弟元素
add()
把add匹配的选择器的元素添加到jQuery对象中