jQueryでの要素生成

javascript jquery

jQueryでの要素生成の方法をよく忘れるのでメモ。

まずはjavascript

var element = document.createElement('input');
element.type = 'text';
element.id = 'id';
element.name = 'name';
element.value = 'value';

jQueryその1

var $element = $('<div/>');
$element.attr('type', 'text');
$element.attr('id', 'id');
$element.attr('name', 'name');
$element.val('value');

jQueryその2

var $element = $('<div>', {
 type: 'text',
 id: 'id',
 name: 'name',
 value: 'value'
});

いつもjQueryその2の書き方を忘れる。