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判断单选框或复选框是否选中方法集锦
Apr 04 Javascript
Iframe自适应高度绝对好使的代码 兼容IE,遨游,火狐
Jan 27 Javascript
js使下拉列表框可编辑不止是选择
Dec 12 Javascript
一个简单的全屏图片上下打开显示网页效果示例
Jul 08 Javascript
javascript 10进制和62进制的相互转换
Jul 31 Javascript
深入理解JavaScript系列(49):Function模式(上篇)
Mar 04 Javascript
JavaScript中的splice()方法使用详解
Jun 09 Javascript
JavaScript实现下拉菜单的显示和隐藏
Jan 05 Javascript
实用jquery操作表单元素的简单代码
Jul 04 Javascript
AngularJS $http模块POST请求实现
Apr 08 Javascript
解决layui的radio属性或别的属性没显示出来的问题
Sep 26 Javascript
JavaScript浅层克隆与深度克隆示例详解
Sep 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
深入file_get_contents函数抓取内容失败的原因分析
2013/06/25 PHP
WordPress中缩略图的使用以及相关技巧
2015/11/24 PHP
php上传图片并压缩的实现方法
2015/12/22 PHP
javascript 当前日期转化为中文的实现代码
2010/05/13 Javascript
jQuery Tab插件 用于在Tab中显示iframe,附源码和详细说明
2011/06/27 Javascript
JS中不为人知的五种声明Number的方式简要概述
2013/02/22 Javascript
JQuery获取各种宽度、高度(format函数)实例
2013/03/04 Javascript
node.js中的http.createServer方法使用说明
2014/12/14 Javascript
jQuery和AngularJS的区别浅析
2015/01/29 Javascript
JavaScript电子时钟倒计时
2016/01/09 Javascript
jQuery插件开发精品教程让你的jQuery提升一个台阶
2016/01/27 Javascript
javascript实现文字无缝滚动
2016/12/27 Javascript
Bootstrap面板使用方法
2017/01/16 Javascript
原生JS实现的轮播图功能详解
2018/08/06 Javascript
在Create React App中启用Sass和Less的方法示例
2019/01/16 Javascript
vue封装swiper代码实例解析
2019/10/08 Javascript
[01:03:33]Alliance vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
盘点提高 Python 代码效率的方法
2014/07/03 Python
举例讲解Python的lambda语句声明匿名函数的用法
2016/07/01 Python
Python lambda函数基本用法实例分析
2018/03/16 Python
Python-OpenCV基本操作方法详解
2018/04/02 Python
pandas将numpy数组写入到csv的实例
2018/07/04 Python
用Python编写一个简单的CS架构后门的方法
2018/11/20 Python
python 寻找离散序列极值点的方法
2019/07/10 Python
Atom Python 配置Python3 解释器的方法
2019/08/28 Python
基于python实现雪花算法过程详解
2019/11/16 Python
解决Pycharm的项目目录突然消失的问题
2020/01/20 Python
法国低价在线宠物商店:bitiba.fr
2020/07/03 全球购物
超市端午节活动方案
2014/01/23 职场文书
会计工作决心书
2014/03/11 职场文书
舞蹈专业大学生职业规划范文
2014/03/12 职场文书
土地转让协议书
2014/09/27 职场文书
大学三好学生主要事迹范文
2015/11/03 职场文书
九年级化学教学反思
2016/02/22 职场文书
mysql insert 存在即不插入语法说明
2022/03/25 MySQL
pandas时间序列之pd.to_datetime()的实现
2022/06/16 Python