jQuery add() 方法

jQuery 的 add() 方法用于将元素添加到现有元素集合中。我们可以使用此方法将元素添加到上下文中（如果指定了 context 参数），或者将其添加到整个文档中。

请注意，add() 方法并不是用来将元素追加到现有元素集合的。此方法与 append() 方法的工作方式不同。不应将其与 append() 方法进行比较。

语法

此方法接受两个参数，其中一个为必需，另一个为可选。add() 方法的参数值定义如下：

element：这是一个必需参数。它可以是一个 jQuery 对象、一个选择器表达式、一个 HTML 片段、一个元素或一组要添加到现有元素集合中的元素。

context：这是一个可选参数。它指示选择器开始匹配的文档中的点。

让我们通过一些示例来理解 add() 方法。

示例 1

这是一个使用 add() 方法的简单示例。在此，我们使用 add() 方法为 p 和 span 元素添加相同的 CSS 样式。这里有一些 p 元素 和一些 span 元素，点击给定的按钮后，它们都会获得样式。

输出

执行上述代码后，输出将是 -

单击给定按钮后，输出将是 -

示例 2

这是使用 add() 方法的另一个示例。在此，我们同时使用了 appendTO() 方法和 add() 方法，以说明它们之间的区别。有两个按钮，分别命名为 appendTo 和 add。当我们点击 appendTo 按钮时，会插入一个新元素；而在点击 add 按钮时，则不会插入任何元素。

每次点击 appendTo 按钮时，都会在 div 元素之后添加一个新的段落元素。

输出

执行上述代码后，输出将是 -

点击 appendTo 按钮后，输出将是：