动态创建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");
})
您可能感兴趣的文章:
- 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元素方法详解