jQuery動態(tài)添加及刪除表單上傳元素的方法(附demo源碼下載)
更新時間：2016年01月15日 10:27:31 作者：xpsharp
這篇文章主要介紹了jQuery動態(tài)添加及刪除表單上傳元素的方法,涉及jQuery的事件動態(tài)綁定及頁面元素動態(tài)操作技巧,并附帶了demo源碼供讀者下載參考,代碼非常簡潔實用,需要的朋友可以參考下
本文實例講述了jQuery動態(tài)添加及刪除表單上傳元素的方法。分享給大家供大家參考，具體如下：
運行效果截圖如下：
點擊此處查看在線演示效果。
具體代碼如下：
<html>
<head>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(":input[type=button][value=more]").bind("click",function(){
var $br = $("<br />");
var $file = $("<input type='file' name='name1' />");
var $button = $("<input type='button' value='delete'>");
$(this).after($file).after($button).after($br);
$button.bind("click",function(){
$br.remove();
$file.remove();
$button.remove();
})
})
});
</script>
</head>
<body>
<input type="file" name="file1" /><input type="button" value="more" />
</body>
</html>
完整實例代碼點擊此處本站下載。
希望本文所述對大家jQuery程序設(shè)計有所幫助。
相關(guān)文章
jquery中文亂碼的多種解決方法，需要的朋友可以參考一下2013-06-06
jquery調(diào)用asp.net 頁面后臺的實現(xiàn)代碼
前一篇介紹jquery調(diào)用webservice，這一篇引用的是用jquery直接調(diào)用aspx后臺方法。2011-04-04
相信大家在一些網(wǎng)站都看到過這種效果吧，當鼠標放在新聞列表一行的時候，整行就會變色，雖然使用CSS也能夠?qū)崿F(xiàn)此種功能，但是由于眾多瀏覽器版本對于CSS3并沒有良好的支持，所以在當前情況下，使用jQuery實現(xiàn)此種功能是一個不錯的選擇2015-12-12
很久沒有寫東西了，今天在工作中碰見問題才發(fā)現(xiàn)。以后得多逼自己多抽時間來寫寫自己的東西，也順便和大家分享一下自己在工作中碰見的問題。2011-05-05
jQuery簡單實現(xiàn)QQ空間點贊已經(jīng)取消點贊
這篇文章主要介紹了jQuery簡單實現(xiàn)QQ空間點贊已經(jīng)取消點贊的代碼，非常的好用，這里推薦給大家，有需要的小伙伴參考下。2015-04-04
jQuery中的pushStack實現(xiàn)原理和應(yīng)用實例
這篇文章主要介紹了jQuery中的pushStack實現(xiàn)原理和應(yīng)用實例,pushStack是jQuery內(nèi)核中一個非常重要的函數(shù),許多jQuery內(nèi)部函數(shù)中都頻繁用到它,掌握這個函數(shù),有利于理解jQuery的運行原理,需要的朋友可以參考下2015-02-02
這幾天一直在研究JQuery，確實很好用，有很多需求都是要彈出框，并且要定位，我這寫個簡單的例子，希望能分享給大家.2010-12-12
jQuery簡單實現(xiàn)仿京東商城的左側(cè)菜單效果代碼
這篇文章主要介紹了jQuery簡單實現(xiàn)仿京東商城的左側(cè)菜單效果代碼,通過簡單的jQuery鼠標事件及元素動態(tài)變換實現(xiàn)樣式動態(tài)切換功能,非常簡單實用,需要的朋友可以參考下2015-09-09
給指定id或class的元素綁定（bind）事件時，對于改變或新加的元素，事件不會起作用，這時我們就要用live函數(shù)，它可以讓子元素繼承父元素的事件。2010-12-12
這篇文章主要介紹了jQuery插件支持同一頁面被多次調(diào)用的相關(guān)資料,需要的朋友可以參考下2016-02-02