Jquery动态创建DOM元素

jquery动态创建页面元素，mark一下，以备以后查询时使用。

以创建div和input为例。

动态创建div:

$(function(){

$("<div>",{

id: 'test',

text: 'this is a test',

"class": "test",

click: function(){

$(this).toggleClass('test');

}

}).appendTo("body");

})

动态创建input:

$(function(){

$("<input>", {

type: 'text',

val: 'test',

focusin: function() {

$(this).addClass('active');

},

focusout: function() {

$(this).removeClass('active');

}

}).appendTo("body");

})

直接append

$("p").append("<b>Hello</b>");

也可以先append再addClass