JQuery — как вставить элемент на страницу: .append() и .prepend()

Несколько не сильно сложных примеров с JQuery-методами .append(), .prepend().

.append()

Было:

<script>
$(document).ready(function() {
    $("#demka-odin").append("<p>JQuery пример с методом .append()</p>");
});
</script>
<div class="obichnii-div">
    <div id="demka-odin">
    </div>
</div>

Станет:

<div class="obichnii-div">
    <div id="demka-odin">
    <p>JQuery пример с методом .append()</p></div>
</div>

Как видим метод .append() вставляет тег между тегами блочных div-элементов под общим идентификатором #demka-odin.

.prepend()

Было:

<script>
$(document).ready(function() {
    $("#demka-dva").prepend("<p>JQuery пример с методом .append()</p>");
});
</script>
<div class="obichnii-div">
    <div id="demka-dva">
    </div>
</div>

Станет:

<div class="obichnii-div">
    <div id="demka-dva">
    <p>JQuery пример с методом .prepend()</p></div>
</div>

Как видим метод .prepend() ТАКЖЕ вставляет тег между тегами блочных div-элементов под общим идентификатором #demka-dva. Только с одним отличием: .append() вставляет элементы в конец объекта, а .prepend() наоборот в начало. Все.

Опубликовано 9-12-2013 в 15:56


Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Свежие комментарии

  • Администратор: к записи Не знаю, с ходу не скажу. »
  • Андрей: к записи Сорри, лишнее TD »
  • Андрей: к записи У вас лишнее в 71 строке. За быстрый урок спасибо »
  • Михаил: к записи Здравствуйте. Спасибо помогло! А не скажите как не »
  • Олег: к записи Добрый день! Да пагинация в таком ключе действите »
  • Радик: к записи Помогите, не получается спарсить. Вот тут #ire »
  • Администратор: к записи Когда меняете пароль к базе в панели управления хо »

Статистика спама

Последние твиты