时间:2021-05-26
无意中发现的,做为收藏,以备后绪查看时用。
实例如下:
<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的实例代码全部内容了,希望大家多多支持~
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲解了JavaScript动态创建div等元素的详细代码,分享给大家供大家参考,具体内容如下效果图:为了节省时间,就直接贴代码了!js动态创建div等元
本文实例为大家分享了jQuery实现动态添加和删除input框的具体代码,供大家参考,具体内容如下选项$(function(){//添加选项$("#opbtn"
本文实例为大家分享了jQuery实现动态添加和删除input框的具体代码,供大家参考,具体内容如下选项$(function(){//添加选项$("#opbtn"
复制代码代码如下:jquery2//创建节点varaddItems=function(){document.getElementById("div1").inn
复制代码代码如下://引入Jquery//编写创建的div的样式#tooltip{position:absolute;border:1px#solid#333;