$ .add和$ .append JQuery之间的区别是什么

Question

我想知道并且无法获得任何最好的文档,当我们有单个元素添加或附加到容器时,$ .add和$ .append之间有什么区别.

提前致谢

Answer 1

它们完全没有关系.

.加()

将元素添加到匹配元素集.

例如

如果你想做,

$('div').css('color':'red');
$('div').css('background-color':'yellow');
$('p').css('color':'red');

然后,你可以做到,

$('div').css('background-color':'yellow').add('p').css('color':'red');

参考

.附加()

将参数指定的内容插入到匹配元素集中每个元素的末尾.

$('div').append('p');

将p在所有选定div的dom中追加选择.

参考

Answer 2

给定一个表示一组DOM元素的.add()jQuery对象,该方法从这些元素的并集和传递给方法的元素构造一个新的jQuery对象.但它不会将元素插入到DOM中,即使用.add()元素将添加到DOM中,但要在页面中查看它,您必须使用一些插入/追加方法将其插入页面中.

Answer 3

.加()

for example:
<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
</ul>
<p>a random paragraph</p> 

改变的色彩<li>元素和的<p>元素,以红色,你可以写:

$( "li" ).css( "background-color", "green" );
$( "p" ).css( "background-color", "green" );

或者通过利用来冷凝上述内容.加()

$( "li" ).add( "p" ).css( "background-color", "green" );

.附加()

将创建一个新元素添加到DOM,并将显示为现有指定元素的子元素.

<div>one</div>
<div>two</div>

<ol>
  <li>item1</li>
  <li>item2</li>
</ol>

$("div").append('<p>');

将导致:

<div>one</div>
<p></p>
<div>two</div>
<p></p>

<ol>
  <li>item1</li>
  <p></p>
  <li>item2</li>
  <p></p>
 </ol>