.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而不是附加或其他工作方法。谢谢你的时间和帮助。

编辑

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

让我得到它，谢谢devundef和JamWaffles

Answer 1

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

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

var buttonsAndLinks = queryA.add(queryB);

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

Answer 2

就在描述

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

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

.add()不向DOM添加元素，而是向前面的选择器已经匹配的一组元素中添加一个或多个元素。

例如：

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

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