jquery動態(tài)添加刪除div 具體實現(xiàn)
更新時間:2013年07月20日 15:56:03 作者:
這篇文章介紹了jquery動態(tài)添加刪除div實現(xiàn)代碼,有需要的朋友可以參考一下
復(fù)制代碼 代碼如下:
<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避免重復(fù)綁定)
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>
您可能感興趣的文章:
- jquery 如何動態(tài)添加、刪除class樣式方法介紹
- JQuery動態(tài)給table添加、刪除行 改進版
- jQuery實現(xiàn)動態(tài)添加和刪除一個div
- jQuery動態(tài)添加刪除select項(實現(xiàn)代碼)
- jquery動態(tài)添加刪除(tr/td)
- jQuery動態(tài)添加、刪除元素的方法
- Jquery動態(tài)添加及刪除頁面節(jié)點元素示例代碼
- jquery動態(tài)添加刪除一行數(shù)據(jù)示例
- jQuery使用toggleClass方法動態(tài)添加刪除Class樣式的方法
- 使用jquery給指定的table動態(tài)添加一行、刪除一行
- JQuery動態(tài)添加和刪除表格行的方法
- jQuery實現(xiàn)表格行和列的動態(tài)添加與刪除方法【測試可用】
- jQuery實現(xiàn)動態(tài)添加、刪除按鈕及input輸入框的方法
相關(guān)文章
JS前端知識點總結(jié)之內(nèi)置對象,日期對象和定時器相關(guān)操作
這篇文章主要介紹了JS前端知識點總結(jié)之內(nèi)置對象,日期對象和定時器相關(guān)操作,簡單總結(jié)分析了JS內(nèi)置對象,日期對象和定時器相關(guān)對象方法及使用技巧,需要的朋友可以參考下2019-07-07javascript下arguments,caller,callee,call,apply示例及理解
在看到大家如此關(guān)注JS里頭的這幾個對象,我試著把原文再修改一下,力求能再詳細的闡明個中意義2009-12-12