Второй аргумент при создании новых элементов jQuery
$(html, props)
Если вы попытаетесь передать в функцию jQuery кусок кода HTML, то jQuery попытается создать DOM-элемент соответствующий этой строке. Если удача, то функция jQuery вернет объект, содержащий созданные элементы. Тут вроде все понятно и не требует дополнительных комментариев.
Однако, мне думается, не многие используют второй параметр – props
. Props
– может состоять из свойств элемента или типов событий, причем задавать их нужно в виде javascript-объекта.
Например, мы можем создать элемент option
со свойством 'Парам-парам'
и вставить его в элемент (конечно, select
) с идентификатором Control
:
javascript
$('<option>',{value:'Парам-парам'}).html(name).appendTo('#Control');
Также можете использовать следующие методы jQuery: val
, css
, html
, text
, data
, width
, height
или offset
.
Еще один прстой пример:
javascript
$(" <input>", {
type: "text",
val: "Что-то очень важное",
focusin: function() {
$(this).addClass("act");
},
focusout: function() {
$(this).removeClass("act");
}
}).appendTo("#my_form");
Комментарии к статье