动态创建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"); })

　　推荐阅读

　　javascript中的作用域scope介绍

而在javascript中，变量的作用域是按函数来划分的——变量在某个函数范围内有效。比如： 复制代码 代码如下: var f = false; if(true) { var f = true; } //此时f位于if内，也就是块内，等价于还是全局范围内 aler>>>详细阅读

本文标题：基于Jquery的动态创建DOM元素的代码

地址：http://www.17bianji.com/kaifa2/JS/25140.html

 1/2    1