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

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

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

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

· .append( source )

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

· .append( function( [index, html] ) )

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

Возвращаемое значение: (объект) Набор jQuery.

Параметры:

· source – (строка | элемент | объект jQuery ) Строка с кодом разметки HTML, либо ссылка на существующий или созданный на лету DOM-элемент, либо набор jQuery.

· function([index, html] ) – (функция) Возвращает HTML строку, которая предназначена для вставки в конце существующего содержимого каждого элемента в наборе jQuery перед закрывающим тегом. В качестве входных параметров получает index (индекс, номер текущего элемента в наборе jQuery начиная с 0) и html (старое содержимое текущего элемента).

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

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

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

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

Примеры:

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. $('.inner').append('<p>***</p>');14. $('.container').append($('h2')); </script>
Результат:

<div class="container"> <div class="inner"> Вставить внутри элемента <p>***</p> </div> <div class="inner"> Переместить внутрь элемента <p>***</p> </div> <h2>Функция jQuery <b>append</b></h2></div>
· .appendTo()

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

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