jQuery中:file選擇器用法實例
更新時間：2015年01月04日 10:43:25 投稿：shichen2014
這篇文章主要介紹了jQuery中:file選擇器用法,實例分析了:file選擇器的功能、定義及選取類型為file的<input>元素的使用技巧,需要的朋友可以參考下
本文實例講述了jQuery中:file選擇器用法。分享給大家供大家參考。具體分析如下：
此選擇器能夠選取類型為file的<input>元素。
語法結(jié)構(gòu):
復(fù)制代碼 代碼如下:
$(":file")
實例代碼:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dhdzp.com/" />
<title>腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$(":file").css("background-color","red");
});
});
</script>
</head>
<body>
<ul>
<li><input type="file" /></li>
</ul>
<button>點擊查看效果</button>
</body>
</html>
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
相關(guān)文章
jQuery彈出窗口完整代碼,可以實現(xiàn)窗口居中,居左,居右顯示，比較不錯，需要的朋友可以參考下2012-10-10
Jquery通過Ajax方式來提交Form表單的具體實現(xiàn)
提交Form表單的方法有很多，在本文為大家介紹下Jquery通過Ajax方式是如何提交Form表單的2013-11-11
jQuery-onload讓第一次頁面加載時圖片是淡入方式顯示
第一次打開一個頁面時,讓加載好的圖片先隱藏，然后再執(zhí)行動畫fadeIn，這里的load事件：當(dāng)所有子元素已經(jīng)被完全加載完成時，load事件被發(fā)送到這個元素2012-05-05
js實現(xiàn)圖片放大縮小功能后進(jìn)行復(fù)雜排序的方法
這是一個基于jquery的圖片效果，它的作用是：當(dāng)圖片點擊變大(變小)時，其它圖片按照一定的規(guī)則進(jìn)行排序運動2012-11-11
這篇文章主要介紹了使用veloticy-ui生成文字動畫效果及基本使用方法,需要的朋友可以參考下2018-02-02
這篇文章主要介紹了jquery中val()方法是從最后一個選項往前讀取的,需要的朋友可以參考下2015-09-09
history歷史記錄插件可以幫助您回到您的JavaScript支持應(yīng)用程序/前進(jìn)按鈕和書簽。你可以存儲到應(yīng)用程序狀態(tài)的網(wǎng)址散列和恢復(fù)它的狀態(tài)。2010-12-12
作為jquery異步請求的傳輸對象，jquery請求后返回的結(jié)果是json對象,這里考慮的都是服務(wù)器返回JSON形式的字符串的形式2014-03-03
騰訊與新浪的通過IP地址獲取當(dāng)前地理位置（省份）的接口
通過IP地址獲取當(dāng)前地理位置（省份）的接口，方便大家可以直接使用結(jié)合自己的系統(tǒng)。2010-07-07
利用Jquery實現(xiàn)幾款漂亮實用的時間軸(附示例代碼)
這篇文章主要介紹了利用Jquery實現(xiàn)幾款漂亮的時間軸示例代碼，文中利用Jquery實現(xiàn)了縱向折疊時間軸、縱向鼠標(biāo)滑動時間軸、縱向可折疊時間軸以及橫向時間軸，每種時間軸都給出了完整的示例代碼，需要的朋友可以參考學(xué)習(xí)。2017-02-02