6、jQuery元素选择全攻略（上）

jQuery元素选择全攻略（上）

1. 引言

jQuery的核心是其选择器引擎，它允许我们根据元素的名称、属性、状态等在文档中选择元素。由于CSS的广泛使用，jQuery采用了CSS的选择器语法，使元素选择变得简单。除了支持CSS 1 - 3规范中的大多数选择器外，jQuery还添加了一些自定义选择器，甚至允许我们创建自己的选择器。

在开始具体的选择器使用之前，有几个基本原理需要了解：
- 选择元素的基本方法 ：在jQuery包装函数中使用CSS选择器是选择特定元素或元素集的最简单方法。例如：

jQuery('#content p a');
// 选择#content内所有段落元素中的所有锚元素

选择元素后，我们可以对这些元素集合运行jQuery的任何方法。例如，为所有链接添加一个 selected 类：

jQuery('#content p a').addClass('selected');

• DOM遍历方法 ：jQuery提供了许多DOM遍历方法，如 next() 、 prev() 和 parent() ，这些方法接受一个选择器表达式作为唯一参数，用于过滤返回的结果。
• 选择器优化原则 </