Метод .appendTo() в jQuery. Добавление содержимого в конец элементов
Метод appendTo(), по сути, выполняет ту же самую задачу, что и метод append(). Разница, по большому счету, лишь в синтаксисе. Если для append() мы указываем нужный селектор, добавляя к нему этот метод, где в скобках указываем, что именно нужно добавить в конец содержимого указанного объекта, то для appendTo() то, что нужно добавить находится уже не в скобках как параметр метода, а непосредственно перед самим методом как объект, для которого вызывается appendTo(). Разница будет лучше понятна на следующем примере.
Пример для append():
1 |
$("#test").append("<p>Добавляемый новый абзац</p>");
|
Пример для appendTo():
1 |
$("<p>Добавляемый новый абзац</p>").appendTo("#test");
|
Как видим, селектор и добавляемый контент просто поменялись местами.
Метод appendTo() позволяет создавать контент «на лету» и добавлять его в нужное место HTML-страницы. Помимо динамически создаваемого контента можно также добавлять один элемент (уже существующий) в другой. Например:
1 |
$(".some-element").appendTo("div#test");
|
Если целевой объект (куда добавляется/перемещается контент) представляет собой несколько селекторов, то вставляемый контент будет клонирован для каждой из целей за исключением последней.
Категория: jQuery