jQuery中:file选择器用法实例


Posted in Javascript onJanuary 04, 2015

本文实例讲述了jQuery中:file选择器用法。分享给大家供大家参考。具体分析如下:

此选择器能够选取类型为file的<input>元素。

语法结构:

$(":file")

实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="https://3water.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程序设计有所帮助。

Javascript 相关文章推荐
Dojo之路:如何利用Dojo实现Drag and Drop效果
Apr 10 Javascript
jquery入门—数据删除与隔行变色以及图片预览
Jan 07 Javascript
javascript面向对象包装类Class封装类库剖析
Jan 24 Javascript
jquery插件jTimer(jquery定时器)使用方法
Dec 23 Javascript
使用jquery实现的一个图片延迟加载插件(含图片延迟加载原理)
Jun 05 Javascript
基于JavaScript代码实现微信扫一扫下载APP
Dec 30 Javascript
前端面试知识点锦集(JavaScript篇)
Dec 28 Javascript
angularjs定时任务的设置与清除示例
Jun 02 Javascript
Kindeditor单独调用单图上传增加预览功能的实例
Jul 31 Javascript
Bootstrap 模态框自定义点击和关闭事件详解
Aug 10 Javascript
webpack实践之DLLPlugin 和 DLLReferencePlugin的使用教程
Jun 10 Javascript
OpenLayers3加载常用控件使用方法详解
Sep 25 Javascript
jQuery中:button选择器用法实例
Jan 04 #Javascript
原生javascript实现隔行换色
Jan 04 #Javascript
jQuery中:reset选择器用法实例
Jan 04 #Javascript
浅谈 javascript 事件处理
Jan 04 #Javascript
jquery实现可拖拽弹出层特效
Jan 04 #Javascript
jQuery中:image选择器用法实例
Jan 03 #Javascript
jQuery中:submit选择器用法实例
Jan 03 #Javascript
You might like
上海永华YH-R296(华普R-96)12波段立体声收音机的分析和打理
2021/03/02 无线电
PHP用SAX解析XML的实现代码与问题分析
2011/08/22 PHP
destoon在各个服务器下设置URL Rewrite(伪静态)的方法
2014/06/21 Servers
ECSHOP完美解决Deprecated: preg_replace()报错的问题
2016/05/17 PHP
php获取flash尺寸详细数据的方法
2016/11/12 PHP
为Yahoo! UI Extensions Grid增加内置的可编辑器
2007/03/10 Javascript
js表格排序实例分析(支持int,float,date,string四种数据类型)
2015/05/06 Javascript
javascript控制台详解
2015/06/25 Javascript
jQuery 移动端artEditor富文本编辑器
2016/01/11 Javascript
js实现自动图片轮播代码
2017/03/22 Javascript
基于JS实现html中placeholder属性提示文字效果示例
2018/04/19 Javascript
vue.js实现带日期星期的数字时钟功能示例
2018/08/28 Javascript
vue elementui form表单验证的实现
2018/11/11 Javascript
React中使用外部样式的3种方式(小结)
2019/05/28 Javascript
详解JavaScript中的Object.is()与&quot;===&quot;运算符总结
2020/06/17 Javascript
vue用ant design中table表格,点击某行时触发的事件操作
2020/10/28 Javascript
[05:06]DOTA2-DPC中国联赛 正赛 VG vs Magma选手采访
2021/03/11 DOTA
Python单链表的简单实现方法
2014/09/23 Python
如何不用安装python就能在.NET里调用Python库
2019/07/12 Python
10个python3常用排序算法详细说明与实例(快速排序,冒泡排序,桶排序,基数排序,堆排序,希尔排序,归并排序,计数排序)
2020/03/17 Python
python输出数学符号实例
2020/05/11 Python
Django Path转换器自定义及正则代码实例
2020/05/29 Python
Python爬虫之Selenium实现关闭浏览器
2020/12/04 Python
html5摇一摇代码优化包括DeviceMotionEvent等等
2014/09/01 HTML / CSS
canvas之自定义头像功能实现代码示例
2017/09/29 HTML / CSS
NICKIS.com荷兰:设计师儿童时装
2020/01/08 全球购物
薇姿法国官网:Vichy法国
2021/01/28 全球购物
大学社团计划书
2014/05/01 职场文书
网络技术专业求职信
2014/05/02 职场文书
环境整治工作方案
2014/05/18 职场文书
个人委托书如何写
2014/09/25 职场文书
行政人事主管岗位职责
2015/04/11 职场文书
2016大学迎新晚会开场白
2015/11/24 职场文书
基于python的matplotlib制作双Y轴图
2021/04/20 Python
Python爬取用户观影数据并分析用户与电影之间的隐藏信息!
2021/06/29 Python
Redis+AOP+自定义注解实现限流
2022/06/28 Redis