jQuery知识精要:选择器与属性操作
需积分: 9 34 浏览量
更新于2024-08-07
收藏 13KB TXT 举报
"jq知识点总结.txt"
这篇文档总结了JavaScript库jQuery(jq)的主要知识点,包括引入jQuery库、选择器的使用、过滤器、属性选择器等,是学习和使用jQuery的重要参考资料。
首先,要使用jQuery,需要在HTML文档中引入jQuery库。有两种常见方式:一是本地引入,即在HTML文件中添加`<script>`标签,链接到jQuery库文件,如`<script src="jquery-3.1.1.min.js"></script>`;二是通过CDN(Content Delivery Network)引入,例如`<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>`。要注意的是,jQuery的不同版本对IE浏览器的支持程度不同,2.x版本不再支持IE6, 7, 8,而1.x版本则可以。
在选择器方面,jQuery提供了多种选择元素的方式:
1. ID选择器:使用`$("#id")`选取ID为"id"的元素。
2. 类选择器:使用`$(".class")`选取所有class为"class"的元素。
3. 元素选择器:使用`$("el")`选取所有el类型的元素。
4. 通配符选择器:`$("*")`选取所有元素。
5. 后代选择器:`$("#box p")`选取id为"box"的所有p元素后代。
6. 直接子元素选择器:`$("#box > a")`选取id为"box"的直接子元素a。
7. 兄弟元素选择器:`$("#box + a")`选取紧接在id为"box"后的a元素。
8. 逗号分隔的选择器:`$("#box, div, a")`选取id为"box"、所有div以及所有a元素。
9. 通用兄弟选择器:`$("#box ~ a")`选取id为"box"后面的所有a元素。
过滤器用于进一步筛选已选择的元素集合:
1. 首个元素:`$("li:first")`选取第一个li元素。
2. 最后一个元素:`$("li:last")`选取最后一个li元素。
3. 偶数索引元素:`$("li:even")`选取索引为偶数的li元素。
4. 奇数索引元素:`$("li:odd")`选取索引为奇数的li元素。
5. 大于指定索引的元素:`$("li:gt(2)")`选取索引大于2的li元素。
6. 小于指定索引的元素:`$("li:lt(2)")`选取索引小于2的li元素。
7. 等于指定索引的元素:`$("li:eq("+a+")")`选取索引等于变量a的li元素。
8. 不包含特定选择器的元素:`$("li:not(.lis)")`选取不含有class为"lis"的li元素。
9. 所有标题元素:`$(":header")`选取所有标题元素(h1至h6)。
10. 文档根元素:`$(":root")`选取文档的根元素(html)。
此外,还有一系列基于元素内容和属性的选择器:
1. 包含特定文本:`$("li:contains('text')")`选取包含特定文本的li元素。
2. 空元素:`$("li:empty")`选取没有子节点的li元素。
3. 子元素含有特定选择器:`$("li:has(.test)")`选取含有class为"test"子元素的li元素。
4. 有子元素的元素:`$("li:parent")`选取有子节点的li元素。
最后,jQuery提供了多种操作元素属性的方法:
1. 属性选择器:`[attr]`选取具有指定属性的元素,如`$("input[type=text]")`选取type属性为"text"的input元素。
2. 属性等于特定值:`[attr=val]`选取属性值等于val的元素。
3. 属性不等于特定值:`[attr!=val]`选取属性值不等于val的元素。
4. 属性以特定值开头:`[attr^=val]`选取属性值以val开头的元素。
5. 属性以特定值结尾:`[attr$=val]`选取属性值以val结尾的元素。
6. 属性包含特定值:`[attr*=val]`选取属性值中包含val的元素。
7. 多个属性组合:`$("p[title^=aa][lang=en]")`选取title属性以"aa"开头且lang属性为"en"的p元素。
以上就是jQuery的基本使用方法和选择器,这些知识能帮助开发者高效地操作DOM,实现丰富的交互效果。
2021-01-14 上传
2021-06-29 上传
2023-08-17 上传
2023-06-06 上传
2023-06-13 上传
2023-05-30 上传
2023-06-13 上传
2023-05-17 上传
2023-06-09 上传
![](https://profile-avatar.csdnimg.cn/default.jpg!1)
熊气
- 粉丝: 1
- 资源: 5
最新资源
- Hadoop生态系统与MapReduce详解
- MDS系列三相整流桥模块技术规格与特性
- MFC编程:指针与句柄获取全面解析
- LM06:多模4G高速数据模块,支持GSM至TD-LTE
- 使用Gradle与Nexus构建私有仓库
- JAVA编程规范指南:命名规则与文件样式
- EMC VNX5500 存储系统日常维护指南
- 大数据驱动的互联网用户体验深度管理策略
- 改进型Booth算法:32位浮点阵列乘法器的高速设计与算法比较
- H3CNE网络认证重点知识整理
- Linux环境下MongoDB的详细安装教程
- 压缩文法的等价变换与多余规则删除
- BRMS入门指南:JBOSS安装与基础操作详解
- Win7环境下Android开发环境配置全攻略
- SHT10 C语言程序与LCD1602显示实例及精度校准
- 反垃圾邮件技术:现状与前景