training-web.ruГлавнаяКатегорииО насКарта сайтаПоискТёмная тема

Категории

Как вставить элементы в блок div jQuery

Создано: 26 декабря 2015Автор: Егор Астапов5480 просмотровСложность: легкий

Как вставить элементы в определённый блок div jQuery. Тут много способов. Можно вставить в начало блока append и в конец блока prepend.


<div id="main"></div>

Давайте вставим 3 блока в блок #main. Если применить функцию append, то блоки будут вставлены в конец блока #main


// предварительная очистка
$("#main").empty();
$("#main").append("<div id='box1'>1 блок</div>");
$("#main").append("<div id='box2'>2 блок</div>");
$("#main").append("<div id='box3'>3 блок</div>");

Вставим снова 3 блока в блок #main. Если применить функцию prepend, то блоки будут вставлены в начало блока #main


// предварительная очистка
$("#main").empty();
$("#main").prepend("<div id='box1'>1 блок</div>");
$("#main").prepend("<div id='box2'>2 блок</div>");
$("#main").prepend("<div id='box3'>3 блок</div>");

Комментарии

реклама