选择器
1.基本选择器
选择器 | 作用 |
---|---|
#id | 根据 id 查找标签对象 |
.class | 根据 class 查找标签对象 |
* | 表示任意的,所有的元素 |
selector1,selector2 (组合) | 合并选择器1,选择器2的结果并返回 |
2.基本过滤器
过滤器 | 作用 |
---|---|
:first | 获取第一个元素 |
:last | 获取最后个元素 |
:not(selector) | 去除所有与给定选择器匹配的元素 |
:even | 匹配所有索引值为偶数的元素,从 0 开始计数 |
:odd | 匹配所有索引值为奇数的元素,从 0 开始计数 |
:eq(index) | 匹配一个给定索引值的元素 |
:gt(index) | 匹配所有大于给定索引值的元素 |
:lt(index) | 匹配所有小于给定索引值的元素 |
:header | 匹配如 h1, h2, h3 之类的标题元素 |
:animated | 匹配所有正在执行动画效果的元素 |
3.内容过滤器
内容过滤器 | 作用 |
---|---|
:contains(text) | 匹配包含给定文本的元素 |
:empty | 匹配所有不包含子元素或者文本的空元素 |
:parent | 匹配含有子元素或者文本的元素 |
:has(selector) | 匹配含有选择器所匹配的元素的元素 |
4.表单过滤器
表单过滤器 | 作用 |
---|---|
:input | 匹配所有 input, textarea, select 和 button 元素 |
:text | 匹配所有 文本输入框 |
:password | 匹配所有的密码输入框 |
:radio | 匹配所有的单选框 |
:checkbox | 匹配所有的复选框 |
:submit | 匹配所有提交按钮 |
:image | 匹配所有 img 标签 |
:reset | 匹配所有重置按钮 |
:button | 匹配所有 input type=button 按钮 |
:file | 匹配所有 input type=file 文件上 |
:hidden | 匹配所有不可见元素 display:none 或 input type=hidd |
5.表单对象属性过滤器
表单对象属性过滤器 | 作用 |
---|---|
:enabled | 匹配所有可用元素 |
:disabled | 匹配所有不可用元素 |
:checked | 匹配所有选中的单选,复选,和下拉列表中选中的 option 标签对象 |
:checked | 匹配所有选中的 option |
元素筛选
元素 | 作用 |
---|---|
eq() | 获取给定索引的元素 |
first() | 获取第一个元素 |
first() | 获取最后一个元素 |
filter(exp) | 留下匹配的元素 |
is(exp) | 判断是否匹配给定的选择器,只要有一个匹配就返回,true |
has(exp) | 返回包含有匹配选择器的元素的元素 |
not(exp) | 删除匹配选择器的元素 |
children(exp) | 返回匹配给定选择器的子元素 |
find(exp) | 返回匹配给定选择器的后代元素 |
next() | 返回当前元素的下一个兄弟元素 |
nextAll() | 返回当前元素后面所有的兄弟元素 |
nextUntil() | 返回当前元素到指定匹配的元素为止的后面元素 |
parent() | 返回父元素 |
prev(exp) | 返回当前元素的上一个兄弟元素 |
prev(exp) | 返回当前元素前面所有的兄弟元素 |
prevUnit(exp) | 返回当前元素到指定匹配的元素为止的前面元素 |
prevUnit(exp) | 返回所有兄弟元素 |
add() | 把 add 匹配的选择器的元素添加到当前 jquery 对象中 |
整理:
尚硅谷