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