jQuery教程：操作包装集与元素操作

"jQuery 第二课 操作包装集元素代码" 在jQuery中，包装集（jQuery对象）是jQuery库的核心概念，它是一个包含了DOM元素集合的特殊对象，允许我们批量处理多个DOM元素。本课程主要讲解如何使用jQuery来操作这些包装集。 首先，通过`$`函数，我们可以创建一个新的包装集。在给定的例子中，`$("<p>I am a red line.</p>")` 创建了一个包含单个`<p>`元素的包装集，并立即应用了`.css("color", "Red")`方法将其文本颜色设置为红色。接着，`.appendTo("#foo")` 将这个`<p>`元素插入到ID为`foo`的`<div>`中。这展示了如何创建和操作元素，以及如何将它们插入到文档中。 接下来，我们将讨论一些用于操作包装集的常见jQuery方法： 1. `.html()`: 这个方法用于获取或设置包装集内元素的HTML内容。`.html(text)` 会将所有包装集元素的HTML内容替换为指定的`text`。 2. `.size()`: 返回包装集内元素的数量。 3. `.get()`: `.get()` 返回一个包含包装集内所有元素的JavaScript数组。`.get(n)` 返回数组中索引为`n`的元素。 4. `.index(elem)`: 这个方法返回`elem`在包装集中的位置，如果`elem`不在包装集中，则返回-1。 5. `.add(s)`, `.add(elem)`, `.add(array)`: 这些方法用于扩展包装集，可以接受选择符、HTML元素或元素数组。根据参数类型，它们会将匹配的选择符、元素或数组中的元素添加到包装集中。 6. `.not(expression)`, `.filter(expression)`: 这两个方法用于筛选包装集。`.not()` 会移除匹配`expression`的元素，而`.filter()` 会保留它们。表达式可以是选择符、元素或元素数组。 7. `.slice(begin, end)`: 这个方法返回一个新的包装集，包含原始包装集从`begin`到`end`（不包括`end`）的元素。 除此之外，jQuery还提供了很多其他方法，如`.append()`, `.prepend()`, `.before()`, `.after()` 等用于在元素周围插入内容，以及`.attr()`, `.addClass()`, `.removeClass()` 等用于修改元素属性和类。了解并熟练掌握这些方法对于高效地操作DOM至关重要。 jQuery通过其强大的包装集操作，简化了HTML元素的选取、操作和事件处理，极大地提高了开发效率。通过学习和实践，你可以更加自如地处理网页的动态交互和数据操作。