jQuery技术

jquery动态创建div与input的实例代码

字号+ 作者:H5之家 来源:H5之家 2017-01-18 17:00 我要评论( )

下面小编就为大家带来一篇jquery动态创建div与input的实例代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

无意中发现的,做为收藏,以备后绪查看时用。

实例如下:

<html> <head> <title>jjquery动态创建div与input</title> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script> <!--动态创建div--> $(function (){ $("<div>",{ id:'text', text:'this is a test', "class":"text", click:function(){ $(this).toggleClass('test'); } }).appendTo("body"); }) <!--动态创建input--> $(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的实例代码全部内容了,希望大家多多支持神马软件站~

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评