总结一下jQuery的选择器使用。当然，这部分内容有些是通过网络进行查找来完成的。
jQuery选择器的分类
（1）基本选择器
（2）层次选择器
（3）基本过滤选择器
（4）内容过滤选择器
（5）可见过滤选择器
（6）属性过滤选择器
（7）表单对象属性过滤选择器
（8）表单选择器
/**===============================================================**/
基本选择器应用，它是使用jQuery的核心。可以说选择器是jQuery中非常重要的一部分。基本选择器使用非常简单，它的语法结构非常类似于CSS语法结构，只要有一定的CSS基础，对于新手上路是比较容易的。
基本选择器使用有如下几种常用的语法
（1）、$(“#id”)：根据给定id匹配一个元素
例如：
html代码：<input type="button" id="btn1" value="按钮"></input>
jQuery代码：$("#btn1").val(); //找到id值为“btn1”的html元素，并求出此html元素的值
（2）、$(“.class”)：根据给定的类名匹配元素
例如：
html代码：<input type="button" class="btn1" value="按钮"></input>
jQuery代码：$(".btn1").val(); //找到class属性值为“btn1”的html元素，并求出此html元素的值
（3）、$(“*”)：选取所有的元素
例如：
html代码：<body>...</body>
jQuery代码：$("*").css("background", "red"); //获取html中所有的元素，并将所有元素的背景色设置为红色
（4）、$(“div,span,p,.myclass”)：选取所有<div>、<span>、<p>、<myclass>一组元素
例如：
html代码：<div>一个div元素</div><span>一个span元素</span><p>一个p元素</p>
jQuery代码：$(“div,span,p,.myclass”).css("background","red"); //获取div、span、p、.mylcass元素，并将它们的背景色设置为红色
/**===============================================================**/
层次选择器应用，如果想根据html元素之间的层级关系来查找html元素，那么就可以使用层次选择器
层次选择器使用有如下几种常用的语法
（1）、$(“div span”)：选取<div>下面的所有<span>元素，包括后代元素
（2）、$(“div > span”)：选取<div>元素下面所有<span>子元素，不包括后代元素
（3）、$(“.one + div”)：选取class为one的下一个<div>兄弟元素，即紧接在.one元素后的div元素
（4）、$(“#one ~ div”)：选取id为one的元素之后的所有同辈<div>兄弟元素
层次选择器大家可以通过附件下载源码进行学习。谢谢
/**===============================================================**/
基本过滤选择器，它可以根据元素的索引、元素是否在执行动画效果、判断元素是否是<h1>~<h6>标签来查找所要的元素对象。
层次选择器使用有如下几种常用的语法
（1）、$(“div:first”)选取所有<div>元素中第1个<div>元素
（2）、$(“div:last”)选取所有<div>元素中最后1个<div>元素
（3）、$(“div:not(.one)”)选取class不是one的<div>元素
（4）、$(“div:even”)选取索引是偶数的<div>元素
（5）、$(“div:odd”)选取索引时奇数的<div>元素
（6）、$(“div:eq(1)”)选取索引为1的<div>元素
（7）、$(“div:gt(3)”)选取索引大于3的<div>元素
（8）、$(“div:lt(3)”)选取索引小于3的<div>元素
（9）、$(“:header”)选取网页中所有的<h1>、<h2>、<h3>……
（10）、$(“div:animated”)选取正在执行动画的<div>元素
分享到：
相关推荐
根据提供的文件信息，我们可以归纳出一系列关于jQuery选择器的关键知识点，并通过示例代码进行解析。 ### 1. 基本选择器 #### 1.1 元素选择器 - **语法**: `$(“元素”)` - **作用**: 选取页面中的指定元素。 - **...
JQuery 提倡使用独立的 JavaScript 文件来编写业务逻辑，通过选择器和事件绑定来实现功能，如： ```javascript $(document).ready(function() { $("#myElement").click(function() { alert("点击我哦！"); }); })...
本文将详细讲解jQuery的基本用法，包括选择器的使用、DOM操作、事件处理以及链式操作。 一、DOM加载与事件绑定 在网页加载过程中，jQuery提供了`$(document).ready()`方法来确保在DOM结构完全加载后执行代码。当...
jQuery选择器是jQuery库的核心部分，它提供了一种高效的方式来选取和操作DOM元素。这篇文章将深入探讨jQuery选择器的各种类型，帮助学习jQuery的朋友更好地理解和应用这些功能。 首先，我们来看基本选择器。基本...
前面一篇介绍了几种基本的jQuery选择器，今天归纳一下jQuery的层次选择器。DOM元素之间的层次关系主要包括元素的子元素、后代元素、相邻元素和兄弟元素等，我们可以通过DOM元素之间的层次关系来获取想要的元素。为了...
1. **选择元素**: jQuery 提供了一系列选择器，如 `$("#id")` 选择ID为id的元素，`$(".class")` 选择所有class为class的元素，`$("tag")` 选择所有tag标签的元素等。 2. **遍历元素**: 使用 `.each()` 函数可以遍历...
- jQuery 的核心功能是通过选择器选择网页元素。例如，`$(document)` 选择整个文档对象。 - 可以使用 CSS 选择器来定位特定的元素，如 `$('div')` 选择所有的 `div` 元素。 3. **改变结果集** - jQuery 提供了...
- **灵活性**：jQuery插件允许开发者根据需求选择性地引入功能，避免了不必要的资源加载，优化了网页性能。 - **创新性**：开放的插件系统激发了社区的创造力，促进了各种新功能和小部件的诞生，丰富了jQuery的功能...
1. **jQuery选择器**： - 基本选择器（如 `ID`、`class`、`tag`） - 后代选择器（使用空格分隔，如 `parent child`） - 类选择器（`.class_name`) - 伪类选择器（如`:hover`, `:first-child`） - **不包括**...
1. **HTML元素选取**：jQuery通过选择器（如`$("#id")`、`$(".class")`或`$("tag")`）可以轻松地选取DOM元素。这比原生JavaScript中的`getElementById`、`getElementsByClassName`和`getElementsByTagName`等方法...
本文将详细讲解jQueryEasyUI的一些核心方法，包括基本的解析器方法、简单加载器、拖动功能以及数据表格的使用。 1. **解析器(Parser)** jQueryEasyUI的解析器主要用于自动识别并初始化页面上的EasyUI组件。`$....
这份“jQuery EasyUI培训文档[归纳].pdf”详细介绍了该框架的一些核心组件及其用法，包括Accordion（可折叠标签）、DateBox（日期框）、ComboBox（组合框）以及Dialog（对话框）。 1. Accordion（可折叠标签） ...
- **选择器**：jQuery 提供了 CSS 选择器，如 `$("#id")` 选择 ID 为 `id` 的元素，`$(".class")` 选择所有 class 为 `class` 的元素，`$("tag")` 选择所有指定标签的元素。 - **DOM 操作**：`html()`、`text()` 和 ...
jQuery 是一款优秀的 JavaScript 库，其核心特性可以归纳为简洁的链式语法、强大的 CSS 选择器以及丰富的插件生态系统。它极大地简化了 JavaScript 的使用难度，使得开发者能够更加轻松地处理 HTML 文档遍历、事件...
1. **选择器**: jQuery的核心在于其强大的选择器功能，如`$("#id")`用于选取ID为指定值的元素，`$(".class")`选取所有类名为指定值的元素，`$("tagname")`则选取所有特定类型的元素。 2. **DOM操作**: jQuery提供了...
- **日期选择器**: `<input class="easyui-datebox" ... />` #### 4. **布局与容器** - **面板**: `<div class="easyui-panel" ... >` - 可嵌套其他 UI 组件，支持拖拽和折叠等功能。 - **选项卡**: `...
- **选择器**：jQuery 提供了丰富的 CSS 选择器，如 `$("#id")` 用于选取 ID 为指定值的元素，`$(".class")` 用于选取具有特定类名的元素，`$("tag")` 用于选取所有特定类型的元素。 - **链式操作**：jQuery 对象...
- **is(expr)**: 检查当前元素集合中的元素是否匹配给定的选择器。 - **next(expr)**: 获取紧邻当前匹配元素之后的兄弟元素。 - **not(el)**: 从当前元素集合中移除指定元素。 - **not(expr)**: 从当前元素集合中...
- **强大的CSS选择器**：几乎所有操作都基于CSS选择器查找DOM元素。 - **事件处理和动画API**：提供方便的事件绑定和动画效果实现，简化了开发流程。 - **丰富的插件生态**：拥有大量插件和扩展，满足不同场景...