無意中發現的,做為收藏,以備後緒查看時用。
實例如下:
<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的實例代碼全部內容了,希望大家多多支持~