jquery动态添加删除div 具体实现


Posted in Javascript onJuly 20, 2013
<script type=”text/javascript” src=”jquery.js”></script>
<body>
<form action=”" method=”post” enctype=”multipart/form-data”>
<label>请选择上传的图片</label>
<a href=”javascript:addimg()” >增加图片</a>
<div class=”mdiv” id=”mdiv”>
<div class=”iptdiv” >
<input type=”file” name=”img[]” class=”ipt” /><a href=”#” name=”rmlink”>X</a>
</div>
</div>
<input type=”submit” name=”submit” value=”上传图片” />
</form>
<script type=”text/javascript” >
$(document).ready(function(){
bindListener();
});
// 用来绑定事件(使用unbind避免重复绑定)
function bindListener(){
$(“a[name=rmlink]“).unbind().click(function(){
$(this).parent().remove();
})
}
function addimg(){
$(“#mdiv”).append(‘<div class=”iptdiv”><input type=”file” name=”img[]” class=”ipt” /><a href=”#” name=”rmlink”> X </a></div>');
// 为新元素节点添加事件侦听器
bindListener();
}
</script>
Javascript 相关文章推荐
浅析offsetLeft,Left,clientLeft之间的区别
Nov 30 Javascript
js实现网页倒计时、网站已运行时间功能的代码3例
Apr 14 Javascript
对JavaScript的全文搜索实现相关度评分的功能的方法
Jun 24 Javascript
jQuery下拉友情链接美化效果代码分享
Aug 26 Javascript
js实现图片无缝滚动
Dec 23 Javascript
jquery遍历table的tr获取td的值实现方法
May 19 Javascript
深入解析桶排序算法及Node.js上JavaScript的代码实现
Jul 06 Javascript
图解prototype、proto和constructor的三角关系
Jul 31 Javascript
微信小程序如何实现全局重新加载
Jun 05 Javascript
Layui之table中的radio在切换分页时无法记住选中状态的解决方法
Sep 02 Javascript
微信小程序入门之绘制时钟
Oct 22 Javascript
Js实现粘贴上传图片的原理及示例
Dec 09 Javascript
JavaScript将相对地址转换为绝对地址示例代码
Jul 19 #Javascript
鼠标焦点离开文本框时验证的js代码
Jul 19 #Javascript
jquery的flexigrid无法显示数据提示获取到数据
Jul 19 #Javascript
GridView中获取被点击行中的DropDownList和TextBox中的值
Jul 18 #Javascript
javascript判断非数字的简单例子
Jul 18 #Javascript
jquery 跳到顶部和底部动画2句代码简单实现
Jul 18 #Javascript
公共js在页面底部加载的注意事项介绍
Jul 18 #Javascript
You might like
PHP入门学习的几个不错的实例代码
2008/07/13 PHP
mysql总结之explain
2012/02/27 PHP
php实现的css文件背景图片下载器代码
2014/11/11 PHP
CodeIgniter钩子用法实例详解
2016/01/20 PHP
验证坐标在某坐标区域内php代码
2016/10/08 PHP
php实现微信企业号支付个人的方法详解
2017/07/26 PHP
php设计模式之工厂方法模式分析【星际争霸游戏案例】
2020/01/23 PHP
不要在cookie中使用特殊字符的原因分析
2010/07/13 Javascript
使用JS取得焦点(focus)元素代码
2014/03/22 Javascript
使用jquery prev()方法找到同级的前一个元素
2014/07/11 Javascript
JavaScript获取当前网页标题(title)的方法
2015/04/03 Javascript
jquery实现图片随机排列的方法
2015/05/04 Javascript
微信小程序 常见问题总结(4058,40013)及解决办法
2017/01/11 Javascript
promise处理多个相互依赖的异步请求(实例讲解)
2017/08/03 Javascript
vue中路由验证和相应拦截的使用详解
2017/12/13 Javascript
一文读懂ES7中的javascript修饰器
2019/05/06 Javascript
vue中axios防止多次触发终止多次请求的示例代码(防抖)
2020/02/16 Javascript
一则python3的简单爬虫代码
2014/05/26 Python
python实现获取Ip归属地等信息
2016/08/27 Python
python2 与python3的print区别小结
2018/01/16 Python
Python实现的直接插入排序算法示例
2018/04/29 Python
Pycharm 操作Django Model的简单运用方法
2018/05/23 Python
使用python 打开文件并做匹配处理的实例
2019/01/02 Python
python通过安装itchat包实现微信自动回复收到的春节祝福
2020/01/19 Python
python中常用的数据结构介绍
2021/01/12 Python
苹果Mac升级:MacSales.com
2017/11/20 全球购物
FLIR美国官网:热成像, 夜视和红外摄像系统
2018/07/13 全球购物
一些Solaris面试题
2015/12/22 面试题
会计主管岗位职责范文
2013/11/08 职场文书
硕士研究生自我鉴定范文
2013/12/27 职场文书
行政部经理助理岗位职责
2014/06/15 职场文书
考研英语复习计划
2015/01/19 职场文书
驻村工作简报
2015/07/20 职场文书
值班管理制度范本
2015/08/06 职场文书
Win2008系统搭建DHCP服务器
2022/06/25 Servers
win10+RTX3050ti+TensorFlow+cudn+cudnn配置深度学习环境的方法
2022/06/25 Servers