jquery動態(tài)添加刪除div 具體實現

更新時間：2013年07月20日 15:56:03 作者：

這篇文章介紹了jquery動態(tài)添加刪除div實現代碼，有需要的朋友可以參考一下

<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>');
// 為新元素節(jié)點添加事件偵聽器
bindListener();
}
</script>

您可能感興趣的文章:

JS定時器用法分析【時鐘與菜單中的應用】
這篇文章主要介紹了JS定時器用法,結合時鐘與菜單中的應用分析了JS中setInterval與setTimeout操作時間的相關技巧,需要的朋友可以參考下
2016-12-12
JS 自定義函數缺省值的設置方法
有時候定義的函數需要設置默認值，因為不帶就會出現一些錯誤，大家可以參考下這里默認值的定義方法。
2010-05-05
javascript中的try catch異常捕獲機制用法分析
這篇文章主要介紹了javascript中的try catch異常捕獲機制,簡單分析了try catch異常捕獲機制的基本定義與使用方法,需要的朋友可以參考下
2016-12-12
簡單實現js浮動框
這篇文章主要為大家詳細介紹了如何簡單實現js浮動框，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-12-12
JS文件上傳神器bootstrap fileinput詳解
這篇文章主要介紹了JS文件上傳神器Bootstrap FileInput，樣式非常美觀，并且支持上傳文件預覽，ajax同步或異步上傳，拖曳文件上傳等炫酷的功能,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-11-11
使用AOP改善javascript代碼
這篇文章主要介紹了使用AOP改善javascript代碼,需要的朋友可以參考下
2015-05-05
JavaScript二維數組實現的省市聯動菜單
這篇文章主要介紹了使用二維數組實現的省市聯動菜單，通過二維數組存儲城市列表項,需要的朋友可以參考下
2014-05-05
微信小程序-滾動消息通知的實例代碼
本篇文章主要介紹了微信小程序-滾動消息通知的實例代碼，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-08-08
js的touch事件的實際引用
研究移動端頁面的觸屏滑動事件，搜索jquery 的相應技術支持實在繁瑣，而js只需幾步簡單定義即可，下面與大家分享下js的touch事件的實際引用
2014-10-10
javascript檢測瀏覽器的縮放狀態(tài)實現代碼
這篇文章主要介紹了javascript檢測瀏覽器的縮放狀態(tài)實現代碼,需要的朋友可以參考下
2014-09-09