PHP SQL
PHP SQL .ru
  Главная  Уроки  PHP  MySQL  jQuery  RegEx  CSS  Книги  Форум  
 Функции


  На главную

  Назад  Вперед

  Печать

Добавление содержимого перед элементом или после него

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

• aftег (Выражение) — добавляет Выражение после всех элементов кол-лекции. В качестве параметра может быть указан HTML-код, DOM-элемент или коллекция элементов jQuery. Для примера добавим HTML-код после элемента.

$("#divl").after("<u>Новый текст</u>");
<div id="divl">TeKCT</div>
Результат будет выглядеть следующим образом.
<div id="divl" >TeKCT</div><u> Новый текст</u>
Теперь добавим DOM-элемент.
$("#divl").after($("<u>Новый текст</u>").get(0)); 
А теперь добавим созданный элемент коллекции jQuery. $("#divl").after($("<u>Новый текст</u>"));

• before (Выражение) — добавляет Выражение перед всеми элементами коллекции. В качестве параметра может быть указан HTML-код, DOM-элемент или коллекция элементов jQuery. Метод полностью идентичен методу after (), за исключением того, что добавляет Выражение не после элемента, а перед ним. Для примера добавим HTML-код перед элементом.

$("#divl").before("<u>Новый текст</u>"); 
<div id="divl">TeKCT</div>
Результат будет выглядеть следующим образом. 
<u>Новый TeKCT</u><div id= "divl">TeKCT</div>

• insertAfter (Селектор) — добавляет коллекцию элементов jQuery после всех элементов, соответствующих указанному селектору. Для примера добавим HTML-код после элемента с идентификатором divl.

$("<u>Новый текст</u>").insertAfter("#divl");
Результат будет таким же, как и при использовании метода after () .
$("#divl").after("<u>Новый текст</u>");

• insertBefore (Селектор) — добавляет коллекцию элементов jQuery перед всеми элементами, соответствующими указанному селектору. Для примера доба-вим HTML-код перед элементом с идентификатором divl.

$("<u>Новый текст</u>").insertBefore("#divl");
Результат будет таким же, как и при использовании метода before () .
$("#divl").before("<u>Новый текст</u>");

 
Предыдущая   На главную   Следующая          

Ваш комментарий:

'

Реклама на сайте | Обмен ссылками | Ссылки | Контакты
Добавить статью | Добавить исходник
2010-2014 © phpsql.ru