无意中发现的,做为收藏,以备后绪查看时用。
实例如下:
<html> <head> <title>jjquery动态创建div与input</title> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script> <> $(function (){ $("<div>",{ id:'text', text:'this is a test', "class":"text", click:function(){ $(this).toggleClass('test'); } }).appendTo("body"); }) <> $(function(){ $("<input>",{ type:'text', val:'text', function:function(){ $(this).addClass('active'); }, focusout:function(){ $(this).removeClass('active'); } }).appendTo("div"); }) </script> </head> <body></body> </html>
以上就是小编为大家带来的jquery动态创建div与input的实例代码全部内容了,希望大家多多支持查字典教程网~
【jquery动态创建div与input的实例代码】相关文章:
★ 让插入到 innerHTML 中的 script 跑起来的实现代码
★ javascript实现dom动态创建省市纵向列表菜单的方法