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

作者:网络 来源:佚名 更新时间:2010-12-28 17:28:08 点击:

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"); 
})