Главная страница · jQuery · Динамическое создание элементов с помощью jQuery

Специалист по страхованию

Динамическое создание элементов с помощью jQuery

Бывает такое, что вам просто необходимо создать динамически элемент на странице сайта, будь это просто DIV или же INPUT. Последний очень часто нужно создавать при реализации мультизагрузки файлов на сервер. jQuery позволяет нам производить все это очень легко и просто, смотрим обычный пример.

// Помещаем созданный слой в уже имеющийся элемент "content" на странице.
$('#content').append('<div class="my_class">Текст</div>')

// Создаем INPUT в слое "content"
$('#content').append('<input type="text" name="user" value="Введите свое имя" />')

Теперь давайте рассмотрим правильное динамическое создание элементов с помощью jQuery.

// Создаем элемент DIV
var input = $('<div>', {
	id: 'myId',
	class: 'myClass'
});

// Помещаем в слой "content"
$('#content').append(input);

Удачных разработок!

2010-12-19 17:35