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 相关文章推荐
javascript 面向对象编程 万物皆对象
Sep 17 Javascript
Javascript removeChild()删除节点及删除子节点的方法
Dec 27 Javascript
JavaScript Date对象详解
Mar 01 Javascript
纯JS代码实现一键分享功能
Apr 20 Javascript
js和jq使用submit方法无法提交表单的快速解决方法
May 17 Javascript
浅谈Sublime Text 3运行JavaScript控制台
Jun 06 Javascript
使用vue.js写一个tab选项卡效果
Mar 25 Javascript
详解React之key的使用和实践
Sep 29 Javascript
vue用BMap百度地图实现即时搜索功能
Sep 26 Javascript
vue vantUI实现文件(图片、文档、视频、音频)上传(多文件)
Oct 15 Javascript
如何利用 JS 脚本实现网页全自动秒杀抢购功能
Oct 12 Javascript
vue从后台渲染文章列表以及根据id跳转文章详情详解
Dec 14 Vue.js
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
php实现在多维数组中查找特定value的方法
2015/07/29 PHP
如何使用纯PHP实现定时器任务(Timer)
2015/07/31 PHP
PHP操作MongoDB实现增删改查功能【附php7操作MongoDB方法】
2018/04/24 PHP
Laravel 之url参数,获取路由参数的例子
2019/10/21 PHP
php设计模式之状态模式实例分析【星际争霸游戏案例】
2020/03/26 PHP
javascript 当前日期加(天、周、月、年)
2009/08/09 Javascript
JavaScript 提升运行速度之循环篇 译文
2009/08/15 Javascript
jQuery EasyUI API 中文文档 - Pagination分页
2011/09/29 Javascript
Javascript拓展String方法小结
2013/07/08 Javascript
详解JS函数重载
2014/12/04 Javascript
基于jQuery实现的仿百度首页滑动选项卡效果代码
2015/11/16 Javascript
AngularJS整合Springmvc、Spring、Mybatis搭建开发环境
2016/02/25 Javascript
jQuery的文档处理程序详解
2016/05/10 Javascript
微信小程序 五星评价功能的实现
2017/03/09 Javascript
JavaScript实现经纬度转换成地址功能
2017/03/28 Javascript
详解AngularJS脏检查机制及$timeout的妙用
2017/06/19 Javascript
JavaScript编程设计模式之观察者模式(Observer Pattern)实例详解
2017/10/25 Javascript
深入理解react-router 路由的实现原理
2018/09/26 Javascript
django使用channels2.x实现实时通讯
2018/11/28 Javascript
浅谈webpack 四个核心概念之Entry
2019/06/12 Javascript
javascript实现视频弹幕效果(两个版本)
2019/11/28 Javascript
详解Vue的异步更新实现原理
2020/12/22 Vue.js
[01:10:30]DOTA2-DPC中国联赛正赛 Dragon vs Dynasty BO3 第一场 3月4日
2021/03/11 DOTA
Python BeautifulSoup中文乱码问题的2种解决方法
2014/04/22 Python
Python中的高级数据结构详解
2015/03/27 Python
python处理csv数据动态显示曲线实例代码
2018/01/23 Python
Python 解析pymysql模块操作数据库的方法
2020/02/18 Python
使用Python中tkinter库简单gui界面制作及打包成exe的操作方法(二)
2020/10/12 Python
如何使用PHP session
2015/04/21 面试题
自我鉴定怎么写
2013/12/05 职场文书
简单的辞职信范文
2014/01/18 职场文书
信息技术培训感言
2014/03/06 职场文书
励志广播稿300字(5篇)
2014/09/15 职场文书
机关党员三严三实心得体会
2014/10/13 职场文书
最感人的道歉情书
2015/05/12 职场文书
最美乡村教师观后感
2015/06/11 职场文书