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

2019-11-20 08:46:20

字体：大中小

来源：转载

供稿：网友

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

实例如下：

<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的实例代码全部内容了，希望大家多多支持武林网~

上一篇：有关文件上传非ajax提交得到后台数据问题

下一篇：javascript加载xml 并解析各节点的值(实现方法)