基于Jquery的动态创建DOM元素的代码

动态创建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"); 
})

相关推荐