Перемещает все элементы набора jQuery в конец содержимого каждого элемента, определяемого с помощью входного параметра.

Дата добавления: 2015-07-09; просмотров: 614; Нарушение авторских прав

Синтаксис и описание:

· Добавлено в jQuery 1.0

· .appendTo( destination )

· Метод .appendTo() перемещает все элементы набора jQuery в конец содержимого каждого элемента, определяемого с помощью параметра destination (после всех его дочерних элементов). Не путать с функцией jQuery.append().

Возвращаемое значение: (объект) Набор jQuery (набор всех перемещенных элементов).

Параметры:

· destination – (строка | элемент ) Селектор jQuery или ссылка на элемент DOM, определяющие место назначения.

1. Примечание:

До версии jQuery 1.3, если в качестве места назначения определены не один, а несколько элементов, то все элементы набора jQuery не перемещаются, а копируются и вставляются в конец каждого принимающего элемента, определяемого с помощью входного параметра, сами оставаясь при этом в своем прежнем местоположении.

2. Примечание:

Для того, чтобы перемещаемые элементы набора jQuery (или созданные на лету элементы DOM) становились не последними, а первыми дочерними элементами принимающего элемента (определяемого с помощью входного параметра), необходимо использовать функцию jQuery .prependTo().

Примеры:

1.
2. <h2>Функция jQuery <b>append</b></h2>3. <div class="container">4. <div class="inner">Вставить</div>5. <div class="inner">Переместить</div>6. </div>7. 8. // Создадим на лету параграф <p>, добавим его в конец содержимого всех9. // элементов с классом 'inner' и переместим заголовок <h2>, вставив 10.// его после всех дочерних элементов блока с именем класса 'container'.11. 12.<script type="text/javascript">13. $('<p>Test</p>').appendTo('.inner');14. $('h2').appendTo($('.container')); </script>
Результат:
<div class="container"> <div class="inner"> Вставить <p>элемент</p> </div> <div class="inner"> Переместить <p>элемент</p> </div> <h2>Функция jQuery <b>append</b></h2></div>
· .before()

<== предыдущая лекция | следующая лекция ==>

Добавляет или перемещает содержимое, определяемое во входном параметре, в конец содержимого каждого элемента набора jQuery. | Вставляет заданное содержимое, либо перемещает указанные элементы, вставляя их перед каждым элементом набора jQuery.