English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Метод jQuery appendTo()

Методы HTML/CSS jQuery

Метод appendTo() вставляет HTML-элемент в конец выбранного элемента (в качестве последнего подэлемента).

Чтобы вставить HTML-элемент в начало выбранного элемента, используйтеprependTo()Метод.

append()Разница между методами append() и appendTo():

  • Использованиеappend()Добавить содержимое внутрь каждого соответствующего элемента.

  • ИспользованиеappendTo()Добавить все соответствующие элементы в указанный набор элементов.

  $('div').append('<span>你好</span>'); 
  // Эквивалентно
  $('<span>你好</span>').appendTo('div');
  // Результат => <div>мир<span>你好</span></div>

Грамматика:

$("content").appendTo("selector")

Пример

Добавить <b>элемент в конец всех абзацев:

$("button").click(function(){
  $("<b>Hello world</b>").appendTo("p");
});
Проверьте, как это работает‹/›

Используйте метод appendTo() для вставки существующего элемента в конец каждого选定ного элемента:

$("button").click(function(){
  $("h1").appendTo("p");
});
Проверьте, как это работает‹/›

Значение параметра

ПараметрОписание
содержимоеУказать содержимое, которое нужно вставить (должно содержать HTML-теги)

Возможные значения:

  • Элемент HTML

  • Элемент DOM

  • Объект jQuery

выборщикВыбранный элемент будет вставлен в конец элемента, указанного этим параметром

Методы HTML/CSS jQuery