全面的jQuery API速查表

"Jquery api 速查表分享" jQuery 是一个强大的JavaScript库，它简化了HTML文档遍历、事件处理、动画制作和Ajax交互。这个API速查表提供了快速参考，帮助开发者更高效地利用jQuery进行网页开发。下面将详细解释速查表中的各个选择符及其用途。 1. **匹配选择符** - `*`：匹配所有元素。 - `#id`：选取具有特定ID的元素。 - `element`：选取指定类型的HTML元素，如`div`、`p`等。 - `.class`：选取具有给定类名的所有元素。 - `a, b`：选取匹配`a`或`b`的元素。 - `ab`：选取`a`元素的后代中匹配`b`的元素。 - `a > b`：选取`a`元素的直接子元素中匹配`b`的元素。 2. **特殊选择符** - `:first`：选取结果集中第一个元素。 - `:last`：选取结果集中最后一个元素。 - `:not(a)`：选取不匹配`a`的选择符的所有元素。 - `:even`：选取索引为偶数（从0开始）的元素。 - `:odd`：选取索引为奇数（从0开始）的元素。 - `:eq(index)`：选取索引为`index`的元素。 - `:gt(index)`：选取索引大于`index`的所有元素。 - `:lt(index)`：选取索引小于`index`的所有元素。 - `:header`：选取所有的标题元素，如`<h1>`、`<h2>`等。 - `:animated`：选取正在进行动画效果的元素。 - `:contains(text)`：选取包含指定文本的元素。 - `:empty`：选取没有子节点的元素。 - `:has(a)`：选取至少有一个后代元素匹配`a`的选择符的元素。 - `:parent`：选取有直接子元素的元素。 - `:hidden`：选取被隐藏的元素，包括CSS隐藏和`<input type="hidden">`。 - `:visible`：选取可见的元素，即非`:hidden`的元素。 3. **属性选择符** - `[attr]`：选取具有`attr`属性的元素。 - `[attr=value]`：选取`attr`属性值为`value`的元素。 - `[attr!=value]`：选取`attr`属性值不等于`value`的元素。 - `[attr^=value]`：选取`attr`属性值以`value`开头的元素。 - `[attr$=value]`：选取`attr`属性值以`value`结尾的元素。 - `[attr*=value]`：选取`attr`属性值包含字符串`value`的元素。 4. **伪类选择符** - `:nth-child(index)`：选取父元素的第`index`个子元素（从1开始计数）。 - `:nth-child(even)`：选取父元素的偶数位置子元素（从1开始计数）。 - `:nth-child(odd)`：选取父元素的奇数位置子元素（从1开始计数）。 - `:nth-child(formula)`：根据公式`an+b`选取元素，其中`a`和`b`是整数。 这些选择符是jQuery的核心功能之一，它们使得在DOM操作时能够精确地选取需要的元素，极大地提高了代码的可读性和效率。通过熟练掌握这些选择符，开发者可以更加灵活地控制网页的布局和交互，实现复杂的功能。对于初学者和经验丰富的开发者来说，这份jQuery API速查表都是一个非常有价值的参考资料。