jquery的4种选择器：1、基本选择器，包括id选择器、元素选择器、类选择器、群组选择器；2、层次选择器，通过DOM元素间的层次关系来获取元素；3、过滤选择器；4、表单选择器。
本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。
jQuery选择器的优势：
(1) 代码更简单
(2) 支持CSS1到CSS3选择器
(3) 完善的处理机制
jQuery选择器的分类：
1） 基本选择器
基本选择器是jQuery中使用最多的选择器，它又元素Id、class、元素名、多个元素符组成（群组选择器）。
2） 层次选择器
层次选择器通过DOM元素间的层次关系来获取元素，主要的层次关系包括父子、后代、相邻、兄弟关系。
3） 过滤选择器
① 简单过滤选择器
商品查询功能提供了一个快速查看商品的途径。商品查询分为基本查询和高级查询。基本查询：提供关键字和商品大类两种条件的查询，用户可以只填写关键字或者选择商品大类或者关键字和商品大类都填写来查询商品。高级查询：提供关键字，商品大类，商品小类，商品价格范围四种条件的查询，用户可以任意填写其中一种或几种的查询条件来查询想要了解的商品信息。商品查询功能大大的方便了用户，提高了网站的用户体验。（5）帮助系统模块
过滤选择器是根据某类过滤规则进行元素的匹配，书写时都以(:)开头；简单过滤选择器是过滤选择器中使用最广泛的一种。
$("div:first") 选取所有元素中第1个元素
$("div:last") 选取所有元素中最后一个元素
$("input:not(.myClass)") 选取class不是myClass的元素
$("input:even") 选取索引是偶数的元素(索引从0开始)
$("input:odd") 选取索引是基数的元素(索引从0开始)
$("input:eq(2)") 选取索引等于2的元素
$("input:gt(4)") 选取索引大于4的元素
$("input:lt(4)") 选取索引小于4的元素
$(":header") 过滤掉所有标题元素，例如：h1、h2、h3等
$("div:animated") 选取正在执行动画的元素
$(":focus") 选取当前获取焦点的元素② 内容过滤选择器
内容过滤选择器是根据元素中的文字内容或所包含的的子元素特征获取元素，其文字内容可以模糊或绝对匹配进行元素定位。
③ 可见性过滤选择器
可见性过滤选择器根据元素是否可见的特征来获取元素
④ 属性过滤选择器
⑤ 子元素过滤选择器
⑥ 表单对象属性过滤选择器
此选择器主要是对所选择的表单元素进行过滤，例如选择被选中的下拉框，多选框等元素。
4） 表单选择器
【推荐学习：jQuery视频教程、web前端】
相关文章
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
更多
相关专题
更多
jquery插件有哪些
jquery插件有jQuery UI、jQuery Validate、jQuery DataTables、jQuery Slick、jQuery LazyLoad、jQuery Countdown、jQuery Lightbox、jQuery FullCalendar、jQuery Chosen和jQuery EasyUI等。本专题为大家提供jquery插件相关的文章、下载、课程内容，供大家免费下载体验。
150
2023.09.12
jquery怎么操作json
操作的方法有：1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”；3、“$.each(obj, callback)”；4、“$.ajax()”。更多jquery怎么操作json的详细内容，可以访问本专题下面的文章。
310
2023.10.13
jquery删除元素的方法
jquery可以通过.remove() 方法、 .detach() 方法、.empty() 方法、.unwrap() 方法、.replaceWith() 方法、.html('') 方法和.hide() 方法来删除元素。更多关于jquery相关的问题，详情请看本专题下面的文章。php中文网欢迎大家前来学习。
394
2023.11.10
jQuery hover()方法的使用
hover()是jQuery中一个常用的方法，它用于绑定两个事件处理函数，这两个函数将在鼠标指针进入和离开匹配的元素时执行。想了解更多hover()的相关内容，可以阅读本专题下面的文章。
502
2023.12.04
jquery中隐藏元素是什么
jquery中隐藏元素是非常重要的一个概念，在使用jquery隐藏元素之前，需要先了解css样式中关于元素隐藏的属性，比如display、visibility、opacity等属性。本专题为大家提供相关的文章、下载、课程内容，供大家免费下载体验。
120
2024.02.23
jquery中什么是高亮显示
jquery中高亮显示是指对页面搜索关键词时进行高亮显示，其实现办法：1、先获取要高亮显示的行，获取搜索的内容，再遍历整行内容，最后添加高亮颜色；2、使用“jquery highlight”高亮插件。本专题为大家提供相关的文章、下载、课程内容，供大家免费下载体验。
174
2024.02.23
热门下载
更多
精品课程
更多
相关推荐 /
热门推荐 /
最新课程
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
