基于Jquery的动态创建DOM元素的代码
更新时间：2010年12月28日 13:22:32 作者：
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");
})
复制代码 代码如下:
$(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获取select,option所有的value和text的实例
下面小编就为大家带来一篇jquery获取select,option所有的value和text的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-03-03
如果使用一个变量替换，使用工具压缩时将会进一步减少文件的大小2012-05-05
jquery 实现表单验证功能代码,代码比较简洁，需要的朋友可以参考下2012-07-07
ImgAreaSelect是一jQuery插件，它支持用户通过鼠标拖曳选择图片的一部分，非常的fashion。另外，可以在这个选择图像区域的基础上应用网站的其他一些技术，比如图片拖曳、图片编辑等。2011-10-10
jquery为我们提供了操作数组和对象的工具函数，方便和简化了我们对它们的操作。今天我们就进入jQuery的工具函数的复习。2010-04-04
学习jquery的朋友可以了解下jquery的属性与参数，方便资料的查找。2010-02-02
这篇文章主要介绍了jQuery基本过滤选择器用法,结合实例形式分析了jQuery中:first、:last、:not、:even、:odd、:eq、:gt等基本过滤选择器的使用方法,需要的朋友可以参考下2016-09-09
jsTree(JQuery) 排序节点 Bug的解决方法。2011-07-07
这篇文章主要介绍了bootstrap table sum总数量统计实现方法,需要的朋友可以参考下2017-10-10
这篇文章主要介绍了jQuery实现平滑滚动页面到指定锚点链接的方法,涉及jquery鼠标事件及页面滚动的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-07-07
最新评论