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

$(function(){ 
$("<div>",{ 
id: 'test', 
text: 'this is a test', 
"class": "test", 
click: function(){ 
$(this).toggleClass('test'); 
} 
}).appendTo("body"); 
}) 

$(function(){ 
$("<input>", { 
type: 'text', 
val: 'test', 
focusin: function() { 
$(this).addClass('active'); 
}, 
focusout: function() { 
$(this).removeClass('active'); 
} 
}).appendTo("body"); 
}) 

您可能感兴趣的文章:

• jQuery中dom元素上绑定的事件详解
• jQuery学习笔记之创建DOM元素
• jQuery创建DOM元素实例解析
• jQuery 获取/设置/删除DOM元素的属性以a元素为例
• jQuery 如何先创建、再修改、后添加DOM元素
• jQuery 删除/替换DOM元素的几种方式
• jquery选择器排除某个DOM元素的方法（实例演示）
• JQuery为页面Dom元素绑定事件及解除绑定方法
• js/jQuery对象互转(快速操作dom元素)
• 读jQuery之五（取DOM元素）
• 基于jquery的关于动态创建DOM元素的问题
• jQuery 创建Dom元素
• jQuery添加删除DOM元素方法详解