html5中文学习网

您的位置: 首页 > 网站及特效实例 > jquery特效 » 正文

jquery动态添加删除div 具体实现_编程语言综合

[ ] 已经帮助:人解决问题

这篇文章介绍了jquery动态添加删除div实现代码,有需要的朋友可以参考一下GwFHTML5中文学习网 - HTML5先行者学习网
 GwFHTML5中文学习网 - HTML5先行者学习网
复制代码 代码如下:GwFHTML5中文学习网 - HTML5先行者学习网
GwFHTML5中文学习网 - HTML5先行者学习网
GwFHTML5中文学习网 - HTML5先行者学习网
<script type=”text/javascript” src=”jquery.js”></script>GwFHTML5中文学习网 - HTML5先行者学习网
<body>GwFHTML5中文学习网 - HTML5先行者学习网
<form action=”" method=”post” enctype=”multipart/form-data”>GwFHTML5中文学习网 - HTML5先行者学习网
<label>请选择上传的图片</label>GwFHTML5中文学习网 - HTML5先行者学习网
<a href=”javascript:addimg()” >增加图片</a>GwFHTML5中文学习网 - HTML5先行者学习网
<div class=”mdiv” id=”mdiv”>GwFHTML5中文学习网 - HTML5先行者学习网
<div class=”iptdiv” >GwFHTML5中文学习网 - HTML5先行者学习网
<input type=”file” name=”img[]” class=”ipt” /><a href=”#” name=”rmlink”>X</a>GwFHTML5中文学习网 - HTML5先行者学习网
</div>GwFHTML5中文学习网 - HTML5先行者学习网
</div>GwFHTML5中文学习网 - HTML5先行者学习网
<input type=”submit” name=”submit” value=”上传图片” />GwFHTML5中文学习网 - HTML5先行者学习网
</form>GwFHTML5中文学习网 - HTML5先行者学习网
<script type=”text/javascript” >GwFHTML5中文学习网 - HTML5先行者学习网
$(document).ready(function(){GwFHTML5中文学习网 - HTML5先行者学习网
bindListener();GwFHTML5中文学习网 - HTML5先行者学习网
});GwFHTML5中文学习网 - HTML5先行者学习网
// 用来绑定事件(使用unbind避免重复绑定)GwFHTML5中文学习网 - HTML5先行者学习网
function bindListener(){GwFHTML5中文学习网 - HTML5先行者学习网
$(“a[name=rmlink]“).unbind().click(function(){GwFHTML5中文学习网 - HTML5先行者学习网
$(this).parent().remove();GwFHTML5中文学习网 - HTML5先行者学习网
})GwFHTML5中文学习网 - HTML5先行者学习网
}GwFHTML5中文学习网 - HTML5先行者学习网
function addimg(){GwFHTML5中文学习网 - HTML5先行者学习网
$(“#mdiv”).append(‘<div class=”iptdiv”><input type=”file” name=”img[]” class=”ipt” /><a href=”#” name=”rmlink”> X </a></div>');GwFHTML5中文学习网 - HTML5先行者学习网
// 为新元素节点添加事件侦听器GwFHTML5中文学习网 - HTML5先行者学习网
bindListener();GwFHTML5中文学习网 - HTML5先行者学习网
}GwFHTML5中文学习网 - HTML5先行者学习网
</script>GwFHTML5中文学习网 - HTML5先行者学习网
GwFHTML5中文学习网 - HTML5先行者学习网
 GwFHTML5中文学习网 - HTML5先行者学习网
 GwFHTML5中文学习网 - HTML5先行者学习网
GwFHTML5中文学习网 - HTML5先行者学习网
 GwFHTML5中文学习网 - HTML5先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助