JQuery 中的选择器
选择器:允许通过标签名,属性名或内容对DOM元素进行快速,准确的选择,浏览器兼容性很好。
普通选择器
| 选择器 | 功能 | 返回值 |
| #id | 根据给定的ID匹配一个元素 | 单个元素 |
| element | 根据给定的元素名匹配所有元素 | 元素集合 |
| .class | 根据给定的类匹配元素 | 元素集合 |
| * | 匹配所有元素 | 元素集合 |
| selector,selectorN | 将每一个选择器匹配到的元素合并后一起返回 | 元素集合 |
层次选择器
| 选择器 | 功能 | 返回值 |
| ancestor descendant | 根据祖先元素匹配所有的后代元素 | 元素集合 |
| parent>child | 根据父元素匹配所有的子元素 | 元素集合 |
| prev+next | 根据所有紧接在prev元素后的相邻元素 | 元素集合 |
| prev+nextAll | 匹配prev元素之后的所有兄弟元素 | 元素集合 |
| prev.siblings(next) | 匹配prev元素之后的所有兄弟元素 | 元素集合 |
简单过滤选择器
| 选择器 | 功能 | 返回值 |
| first()或:first | 获取第一个元素 | 单个元素 |
| last()或:last | 获取最后一个元素 | 单个元素 |
| :no(selector) | 获取除给定选择器外的所有元素 | 元素列表 |
| :even | 获取所有索引值为偶数的元素,索引值从0开始 | 元素集合 |
| :odd | 获取所有索引值为奇数的元素,索引值从0开始 | 元素集合 |
| :eq(index) | 获取所有大于给定索引值的元素,索引号从0开始 | 元素集合 |
| :gt(index) | 获取所有大于给定索引值的元素,索引号从0开始 | 元素集合 |
| :lt(index) | 获取所有小于给定索引值的元素,索引号从0开始 | 元素集合 |
| :header | 获取所有标题类型的元素,如h1,h2…… | 元素集合 |
| :animated | 获取正在执行动画效果的元素 | 元素集合 |
内容过滤选择器
| 选择器 | 功能 | 返回值 |
| :contains(test) | 获取包含给定言本的元素 | 元素集合 |
| :empty | 获取所有不包含子元素或者文本的空元素 | 元素集合 |
| :has(selector) | 获取含有选择器所匹配的元素的元素 | 元素集合 |
| :Parent | 获取含有子元素或者文本的元素 | 元素集合 |
可见性过滤选择器
| 选择器 | 功能 | 返回值 |
| :hidden | 获取所有不可见元素,或者type为hidden的元素 | 元素集合 |
| :visible | 获取所有的可见元素 | 元素集合 |
子元素过滤选择器
| 选择器 | 功能 | 返回值 |
| [attribute] | 获取给定属性的元素 | 元素集合 |
| [attribute=value] | 获取等于给定的属性是某个特定值的元素 | 元素集合 |
| [attribute!=value] | 获取不等于给定的属性是某个特定值的元素 | 元素集合 |
| [attribute^=value] | 获取给定的属性是以某些值开始的元素 | 元素集合 |
| [attribute$=value] | 获取给定的属性是以某些值结尾的元素 | 元素集合 |
| [attribute*=value] | 获取给定的属性是以包含某些值的元素 | 元素集合 |
| [selector1][selector2][selectorN] | 获取满足多个条件的复合属性的元素 | 元素集合 |
简单过滤选择器
| 选择器 | 功能 | 返回值 |
| :nth-child(eqleven|odd|index) | 获取每个父元素下的特定位置元素,索引号从1开始 | 元素集合 |
| :first-child | 获取每个元素下的第一个子元素 | 元素集合 |
| :last-child | 获取每个父元素下的最后一个子元素 | 元素集合 |
| :only-child | 获取每个父元素下的仅有的一个子元素 | 元素集合 |
表单对象属性过滤选择器
| 选择器 | 功能 | 返回值 |
| :enabled | 获取表单中所有属性为可用的元素 | 元素集合 |
| :disabled | 获取表单中 | 元素集合 |
| :checked | 获取每个父元素下的最后一个子元素 | 元素集合 |
| :selected | 获取每个父元素下的仅有的一个子元素 | 元素集合 |
表单选择器
| 选择器 | 功能 | 返回值 |
| :input | 获取所有input,textarea,select | 元素集合 |
| :text | 获取所有单行文本框 | 元素集合 |
| :checked | 获取所有多选框 | 元素集合 |
| :password | 获取所有密码框 | 元素集合 |
| :radio | 获取所有单选单选按钮 | 元素集合 |
| :submit | 获取所有提交单选按钮 | 元素集合 |
| :image | 获取图片像 | 元素集合 |
| :reset | 获取所有重置按钮 | 元素集合 |
| :button | 获取所有重置按钮 | 元素集合 |
| :file | 获取所有文件域 | 元素集合 |
JQuery 中的选择器的更多相关文章
- jQuery中的选择器<思维导图>
选择器是jQuery的重要组成部分,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器.如果能熟练地使用选择器,不仅能简化代码,而且可以达到事半功倍的效果. 下面是关于jQuery中 ...
- jQuery中的选择器《思维导图》
学习jQuery的课程中,我对jQuery中的选择器有了更深的认识,它的简洁写法,完美的兼容性,可靠的处理机制,都让我们省了很多事, 下面是我在学习过程中对jQuery选择器写的思维导图(全屏查看:& ...
- jquery中判断选择器,找没找到元素用$().size()==0
jquery中判断选择器,找没找到元素用$().size()==0
- jQuery中,选择器既匹配开头又匹配结尾
jQuery中,选择器既匹配开头又匹配结尾的方法: [attr^=val]attr$=val [attr^=val][attr$=val]
- js进阶 11-18 jquery中操作选择器的方法有哪些
js进阶 11-18 jquery中操作选择器的方法有哪些 一.总结 一句话总结:add().addBack().end() 1.add()方法是干嘛的,举一例? 将add()方法后选择器选择的jqu ...
- js进阶 10-4 jquery中基础选择器有哪些
js进阶 10-4 jquery中基础选择器有哪些 一.总结 一句话总结: 1.群组选择器用的符号是什么? 群组选择器,中间是逗号 2.jquery中基础选择器有哪些? 5种,类,id,tag,群组, ...
- jQuery中的选择器(下)
这一篇主要写过滤选择器和表单选择器 在这里,我不再已表格形式说明(自己太懒了),主要以文字形式说明一下每个选择器的作用描述. 3.过滤选择器 过滤选择器主要是通过特定的过滤规则筛选出所需的DOM元素 ...
- jQuery中的选择器(上)
从学习jquery开始,现在已经是第三遍看锋利的jQuery这本书了,现在打算对jQuery中的各种选择器进行一下总结,主要是是为了进一步系统的巩固自己对知识的掌握,另外也可以为那些学习jQuery并 ...
- JQuery中checkbox选择器
今天我们讲的是如何选择HTML网页中CheckBox选择器 如下图,是几个checkbox <input type='checkbox'checked="checked"/& ...
- JQuery中的选择器的总结
JQuery的选择器十分的强大,但是我平常经常用到的却十分的有限,趁现在有时间我感觉有必要总结一下. 基本选择器 $("#ID") 选择ID所对应的标签元素 返回一个标签元素$(& ...
随机推荐
- Pycharm 常用快捷键与设置
pycharm高频率使用的快捷键 Ctrl+Shift+F10 运行当前的页面 Ctrl + / 注释(取消注释)选择的行 Ctrl+Shift+F 高级查找 Shift + Enter 开始新行 T ...
- leetcode 687.Longest Univalue Path
寻找最长的路径,那么会在左边或者右边或者是从左到跟然后再到右方的路径的. /** * Definition for a binary tree node. * struct TreeNode { * ...
- s21day23 python笔记
s21day23 python笔记 一.内容回顾及补充 字符串格式化 %s # 示例一:特别注意:最后的右括号前面必须有逗号(,) msg = '我是%s,年龄%s'%('alex',19,) # 元 ...
- 渗透测试学习 九、 MSsql注入上
MSsql注入漏洞详解 (Asp.Aspx站,常见于棋牌网站.考试网站.大学网站.政府网站.游戏网站.OA办公系统) 大纲:msSQL数据库调用分析 msSQL注入原理 msSQL注入另类玩法 msS ...
- 慢慢啃css
上个礼拜清明放假了,所有忘记更新了,但是每天的学习没有落下,嘿嘿嘿~ 可是这两天就很头疼了,因为发烧了,呜呜呜~昨天在床上睡了一天,四肢无力,头晕眼花,严重的发烧,想靠自己的免疫力扛过去,缺没有. 今 ...
- 学习笔记TF055:TensorFlow神经网络简单实现一元二次函数
TensorFlow运行方式.加载数据.定义超参数,构建网络,训练模型,评估模型.预测. 构造一个满足一元二次函数y=ax^2+b原始数据,构建最简单神经网络,包含输入层.隐藏层.输出层.Tensor ...
- JavaMap的一些常用方法
package exam; import java.util.Collection; import java.util.HashMap; import java.util.Map; import ja ...
- 阿里云-免费SSL证书申请及验证步骤
1.登录阿里云管理控制台,在搜索栏输入ssl,选择第一个SSL证书控制台回车即可 2.点击右上角的购买证书 3.选择购买最后一个品牌 4.选择增强型OV SSL 5.选中后会自动弹出免费型DV SSL ...
- win10刻录光盘失败,一直显示有准备好写入到光盘中的文件
这是因为前面刻录留下的缓存导致的 解决方法是,删除系统刻录缓存文件 刻录缓存路径大概在以下位置(其中ase那个地方需要修改,改成自己的登录用户账号名即可) C:\Users\ase\AppData\L ...
- Adventure 魔幻历险
发售年份 1979 平台 VCS 开发商 雅达利(Atari) 类型 冒险 https://www.youtube.com/watch?v=YS-HYWRdb2g