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下组织javascript代码(js函数化)
Aug 25 Javascript
JavaScript之编码规范 推荐
May 23 Javascript
JS getAttribute和setAttribute(取得和设置属性)的使用介绍
Jul 10 Javascript
jQuery内容过滤选择器用法分析
Feb 10 Javascript
JavaScript中的继承方式详解
Feb 11 Javascript
jQuery动态加载css文件实现方法
Jun 15 Javascript
分享JavaScript监听全部Ajax请求事件的方法
Aug 28 Javascript
jQuery日期范围选择器附源码下载
May 23 jQuery
微信小程序 监听手势滑动切换页面实例详解
Jun 15 Javascript
Vue中父组件向子组件通信的方法
Jul 11 Javascript
微信小程序template模板与component组件的区别和使用详解
May 22 Javascript
js实现简单的点名器随机色实例代码
Sep 20 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提示Notice: Undefined variable的解决办法
2012/11/24 PHP
利用php抓取蜘蛛爬虫痕迹的示例代码
2016/09/30 PHP
php数组指针函数功能及用法示例
2020/02/11 PHP
JavaScript 指导方针
2007/04/05 Javascript
关于B/S判断浏览器断开的问题讨论
2008/10/29 Javascript
动态调用CSS文件的JS代码
2010/07/29 Javascript
javascript获得服务器端控件的ID的实现代码
2011/12/28 Javascript
7款风格新颖的jQuery/CSS3菜单导航分享
2013/04/23 Javascript
javascript验证身份证完全方法具体实现
2013/11/18 Javascript
JavaScript设计模式之外观模式实例
2014/10/10 Javascript
AngularJS整合Springmvc、Spring、Mybatis搭建开发环境
2016/02/25 Javascript
浅谈js对象的创建和对6种继承模式的理解和遐想
2016/10/16 Javascript
清除输入框内的空格
2016/12/21 Javascript
Vue.js学习笔记之常用模板语法详解
2017/07/25 Javascript
vue-cli axios请求方式及跨域处理问题
2018/03/28 Javascript
关于AngularJS中ng-repeat不更新视图的解决方法
2018/09/30 Javascript
javascript事件监听与事件委托实例详解
2019/08/16 Javascript
vant-ui组件调用Dialog弹窗异步关闭操作
2020/11/04 Javascript
Python使用pymongo模块操作MongoDB的方法示例
2018/07/20 Python
python3.5基于TCP实现文件传输
2020/03/20 Python
Python图像处理之直线和曲线的拟合与绘制【curve_fit()应用】
2018/12/26 Python
Python学习笔记之图片人脸检测识别实例教程
2019/03/06 Python
为什么你还不懂得怎么使用Python协程
2019/05/13 Python
Python 函数绘图及函数图像微分与积分
2019/11/20 Python
Windows下python3安装tkinter的问题及解决方法
2020/01/06 Python
python with语句的原理与用法详解
2020/03/30 Python
在echarts中图例legend和坐标系grid实现左右布局实例
2020/05/16 Python
聊聊python在linux下与windows下导入模块的区别说明
2021/03/03 Python
秋季运动会活动方案
2014/02/05 职场文书
淘宝店策划方案
2014/06/07 职场文书
高中生国庆节演讲稿范文2014
2014/09/21 职场文书
幼儿园欢迎词范文
2015/01/26 职场文书
2015建军节87周年演讲稿
2015/03/19 职场文书
导盲犬小Q观后感
2015/06/11 职场文书
《云雀的心愿》教学反思
2016/02/23 职场文书
JavaScript组合继承详解
2021/11/07 Javascript