Метод .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

Оставить комментарий