Jquery的动态创建DOM元素
生活随笔
收集整理的这篇文章主要介绍了
Jquery的动态创建DOM元素
小编觉得挺不错的,现在分享给大家,帮大家做个参考.
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"); })
动态创建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"); })
转载于:https://blog.51cto.com/minren8/482111
超强干货来袭 云风专访:近40年码龄,通宵达旦的技术人生总结
以上是生活随笔为你收集整理的Jquery的动态创建DOM元素的全部内容,希望文章能够帮你解决所遇到的问题。
- 上一篇: 解决ubuntu上网慢
- 下一篇: 侠客博客v1.0 正式版版本发布