AI智能应用开发
AI大模型开发（Python）
AI鸿蒙开发
AI嵌入式+机器人开发
AI运维
AI测试
跨境电商运营
AI设计
AI视频创作与直播运营
微短剧拍摄剪辑
C/C++
狂野架构师
热门课程
- AI智能应用开发
- AI大模型开发（Python）
- AI鸿蒙开发
- AI嵌入式+机器人开发
- AI运维
- AI测试
- 跨境电商运营
- AI设计
- AI视频创作与直播运营
- 微短剧拍摄剪辑
- AI大数据开发
- 前端开发
- C/C++
- 狂野架构师
如何使用选择器获取元素？常用的jQuery选择器列举
更新时间:2020年10月27日17时42分 来源:乐鱼播客 浏览次数:
jQuery中的选择器非常多，对于初学者来说，并没有必要全部掌握，只记住常用的选择器即可。首先是jQuery的基本选择器，它和CSS选择器非常类似，常用的基本选择器如表1所示。
1
表1 基本选择器
为了使读者更好地理解，下面通过代码进行演示。1
我是nav div
2
上述代码执行后，即可看到获取结果，如图1所示。
当需要使用其他不熟悉的选择器时，可以通过查阅文档查看具体的解释。下面是一些其他在开发中可能会用到的选择器。
2. 获取同级元素
使用“+”或“~”可以获取同级元素，如表2所示。
表2获取同级元素
3. 筛选元素
在jQuery中还有一些选择器可以筛选元素，如表2所示。
表3 筛选元素
4. 属性选择器
jQuery中还提供了根据元素的属性获取指定元素的方式。例如，含有class属性值为current的
元素。常用的属性选择器如表4所示。
表4 属性选择器
5. 子元素选择器
利用子元素选择器可以对子元素进行筛�。Ｓ玫娜绫�5所示。
表5子元素选择器
6. 表单选择器
jQuery还提供了针对表单元素的选择器，用来方便表单开发，如表6所示。
的控件，后者则可以同时获取页面中所有的表单控件，包括表单标签是
猜你喜欢：
2
上述代码执行后，即可看到获取结果，如图1所示。
图1 使用选择器获取元素
从图1可以看出，索引为0的元素就是页面中的DOM对象，length属性表示匹配到符合条件的DOM对象个数，若没有匹配到合适的结果为0。其中，类选择器、标签选择器等可以获取多个元素，id选择器只能获取1个元素。当需要使用其他不熟悉的选择器时，可以通过查阅文档查看具体的解释。下面是一些其他在开发中可能会用到的选择器。
2. 获取同级元素
使用“+”或“~”可以获取同级元素，如表2所示。
表2获取同级元素
在jQuery中还有一些选择器可以筛选元素，如表2所示。
表3 筛选元素
jQuery中还提供了根据元素的属性获取指定元素的方式。例如，含有class属性值为current的
元素。常用的属性选择器如表4所示。
表4 属性选择器
利用子元素选择器可以对子元素进行筛�。Ｓ玫娜绫�5所示。
表5子元素选择器
jQuery还提供了针对表单元素的选择器，用来方便表单开发，如表6所示。
表6 表单选择器
需要注意的是，$("input")与$(":input")虽然都可以获取表单项，但是它们表达的含义有一定的区别，前者仅能获取表单标签是的控件，后者则可以同时获取页面中所有的表单控件，包括表单标签是猜你喜欢：
如何获取jQuery？通过代码演示jQuery的使用
什么是域名?域名基础介绍
黑马程序员web前端培训课程
乐鱼播客web前端培训课程
最新资讯
0
分享到：
江苏乐鱼播客教育科技股份有限公司 版权所有Copyright 2006-2024 All Rights Reserved 苏ICP备16007882号营业执照增值电信业务经营许可证出版物经营许可证
苏公网安备 32132202001156号