jquery - .add() 解释

Question

我想知道是否有人可以向我解释 jQuery .add() 是如何工作的，因为我正在阅读 jQuery 页面并试图理解它并且对我来说毫无意义，我不明白它的实用性。假设我想将 html 添加到我的所有 div 中，把这个

 $('div').append('<p id="new">new paragraph</p>');

做这项工作，但把

 $('div').add('<p id="new">new paragraph</p>');

才不是。在jQuery页面http://api.jquery.com/add/我们可以阅读；

尽管新段落已创建并且其背景颜色已更改，但它仍然没有出现在页面上。要将其放置在页面上，我们可以将其中一种插入方法添加到 > 链中。

我不明白为什么然后使用 add 而不是 append 或其他工作方法。感谢您的时间和帮助。

编辑

$('div#dest').add('p.foo').append('<p id="new">PeNAROL</p>');

让我明白了，谢谢 devundef 和 JamWaffles

score 2 · Accepted Answer

add()不修改 DOM，它用于组合 2 个匹配的查询：

var queryA = $("a")
var queryB = $("button");

var buttonsAndLinks = queryA.add(queryB);

append()用于将元素附加到 DOM 中。

score 1 · Accepted Answer

它就在描述中：

描述：将元素添加到匹配元素的集合中。

.append()并.add()做完全不同的事情。

.add()不会将元素添加到 DOM，它会将一个或多个元素添加到已被前一个选择器匹配的元素集合中。

例如：

$('a.class').add('p.foo');

将返回一组包含任何<a class="class">和元素的<p class="foo">元素。

2 回答 2