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 相关文章推荐
jQuery 中使用JSON的实现代码
Dec 01 Javascript
JQuery AJAX 中文乱码问题解决
Jun 05 Javascript
JQuery跳出each循环的方法
Apr 16 Javascript
简介JavaScript中valueOf()方法的使用
Jun 05 Javascript
jquery代码实现多选、不同分享功能
Jul 31 Javascript
基于jquery实现可定制的web在线富文本编辑器附源码下载
Nov 17 Javascript
分分钟玩转Vue.js组件(二)
Mar 01 Javascript
js es6系列教程 - 新的类语法实战选项卡(详解)
Sep 02 Javascript
ES6学习教程之对象字面量详解
Oct 09 Javascript
如何用webpack4.0撸单页/多页脚手架 (jquery, react, vue, typescript)
Jun 18 jQuery
layer ui 导入文件之前传入数据的实例
Sep 23 Javascript
async/await让异步操作同步执行的方法详解
Nov 01 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
PHP网页游戏学习之Xnova(ogame)源码解读(四)
2014/06/23 PHP
php实现可用于mysql,mssql,pg数据库操作类
2014/12/13 PHP
php用正则判断是否为数字的方法
2016/03/25 PHP
详解php命令注入攻击
2019/04/06 PHP
基于jquery实现的类似百度搜索的输入框自动完成功能
2011/08/23 Javascript
js判断浏览器类型的方法
2013/08/07 Javascript
JS正则验证邮箱的格式详细介绍
2013/11/19 Javascript
javascript模拟post提交隐藏地址栏的参数
2014/09/03 Javascript
JavaScript实现给按钮加上双重动作的方法
2015/08/14 Javascript
jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果
2015/10/28 Javascript
jquery UI Datepicker时间控件的使用方法(加强版)
2015/11/07 Javascript
JavaScript的History API使搜索引擎抓取AJAX内容
2015/12/07 Javascript
javascript回到顶部特效
2016/07/30 Javascript
javascript实现圣旨卷轴展开效果(代码分享)
2017/03/23 Javascript
微信小程序 五星评分的实现实例
2017/08/04 Javascript
浅谈Node.js爬虫之网页请求模块
2018/01/11 Javascript
浅谈在react中如何实现扫码枪输入
2018/07/04 Javascript
React中如何引入Angular组件详解
2018/08/09 Javascript
JS常见内存泄漏及解决方案解析
2020/05/30 Javascript
Windows系统配置python脚本开机启动的3种方法分享
2015/03/10 Python
Python中使用hashlib模块处理算法的教程
2015/04/28 Python
python读取excel指定列数据并写入到新的excel方法
2018/07/10 Python
Python面向对象之静态属性、类方法与静态方法分析
2018/08/24 Python
python查看模块安装位置的方法
2018/10/16 Python
python+Django+pycharm+mysql 搭建首个web项目详解
2019/11/29 Python
python判断是空的实例分享
2020/07/06 Python
装上这 14 个插件后,PyCharm 真的是无敌的存在
2021/01/11 Python
保加利亚服装和鞋类购物网站:Bibloo.bg
2020/11/08 全球购物
优秀志愿者事迹材料
2014/02/03 职场文书
工作表现自我评价
2014/02/08 职场文书
设立有限责任公司出资协议书
2014/11/01 职场文书
市场督导岗位职责
2015/04/10 职场文书
幼儿园大班教师随笔
2015/08/14 职场文书
古诗之爱国古诗5首
2019/09/20 职场文书
Python 发送SMTP邮件的简单教程
2021/06/24 Python
MySQL池化框架学习接池自定义
2022/07/23 MySQL