.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/中我们可以阅读;

  

虽然已创建新段落并且其背景颜色已更改，但它仍未显示在页面上。要将其放在页面上，我们可以将其中一种插入方法添加到＆gt;链。

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

修改

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

让我明白了，感谢devundef和JamWaffles

Answer 1

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

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

var buttonsAndLinks = queryA.add(queryB);

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

Answer 2

就在the description：

  

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

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

.add()不会向DOM添加元素，它会向已由前一个选择器匹配的元素集添加一个或多个元素。

例如：

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

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