Какая разница между $.add и $.append JQuery

Ответ 1

Учитывая объект jQuery, который представляет собой набор элементов DOM, метод .add() создает новый объект jQuery из объединения этих элементов и те, которые прошли в метод. Но он не вставляет элемент в DOM, т.е. Используя .add(), элемент будет добавлен в DOM, но чтобы увидеть его на странице, которую вы должны вставить на страницу, используя insertion/добавить метод.

Ответ 2

Они совсем не связаны.

.add()

Добавьте элементы в набор согласованных элементов.

например.

Если вы хотите сделать,

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

Затем вы можете сделать,

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

Ссылка

.append()

Вставьте содержимое, заданное параметром, в конец каждого элемента в наборе согласованных элементов.

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

добавит выбранный p для всех выбранных div в dom.

Ссылка

Ответ 3

.add()

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" );

.append()

Создает новый элемент для добавления в 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>

Ответ 4

Добавить просто добавляет элемент в объект jquery, он не добавляет его в DOM

Append добавляет элемент в DOM в качестве дочернего элемента.