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>











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

  • krasnov8953: к записи Не работает как мне кажется строчка $newTvId = $ »
  • Dimanski: к записи ничего не понимаю. Ставлю ModX на хостинг r01.ru »
  • Дмитрий: к записи Спасибо! Очень выручили. С битриксом беда, а прав »
  • леонид: к записи как сделать что были в ряд? у меня получается по о »
  • Администратор: к записи Статический IP. »
  • Steel: к записи Администратор, вы данную проблему решили подключен »
  • Дмитрий: к записи Хотел узнать как прикрутить данное окно (http://re »

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