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 相关文章推荐
node.js中的定时器nextTick()和setImmediate()区别分析
Nov 26 Javascript
AngularJS中的过滤器使用详解
Jun 16 Javascript
jQuery实现的仿百度,仿谷歌搜索下拉框效果示例
Dec 30 Javascript
JS图片压缩(pc端和移动端都适用)
Jan 12 Javascript
深入理解ES6 Promise 扩展always方法
Sep 26 Javascript
vue-cli项目中使用Mockjs详解
May 14 Javascript
vue中引入mxGraph的步骤详解
May 17 Javascript
node.js中事件触发器events的使用方法实例分析
Nov 23 Javascript
vue实现路由不变的情况下,刷新页面操作示例
Feb 02 Javascript
Vue列表循环从指定下标开始的多种解决方案
Apr 08 Javascript
vue 判断元素内容是否超过宽度的方式
Jul 29 Javascript
jQuery实现简单轮播图效果
Dec 27 jQuery
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中“简单工厂模式”实例代码讲解
2012/09/04 PHP
关于Zend Studio 配色方案插件的介绍
2013/06/24 PHP
ThinkPHP基本的增删查改操作实例教程
2014/08/22 PHP
symfony2.4的twig中date用法分析
2016/03/18 PHP
php页面跳转session cookie丢失导致不能登录等问题的解决方法
2016/12/12 PHP
PHP利用正则表达式将相对路径转成绝对路径的方法示例
2017/02/28 PHP
详解php中curl返回false的解决办法
2019/03/18 PHP
Javascript结合css实现网页换肤功能
2009/11/02 Javascript
javascript instanceof 内部机制探析
2010/10/15 Javascript
jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别
2013/12/02 Javascript
angularJS中router的使用指南
2015/02/09 Javascript
javascript实现超炫的向上滑行菜单实例
2015/08/03 Javascript
js实现动态创建的元素绑定事件
2016/07/19 Javascript
微信小程序 video组件详解
2016/10/25 Javascript
JavaScript数组复制详解
2017/02/02 Javascript
Bootstrap modal 多弹窗之叠加显示不出弹窗问题的解决方案
2017/02/23 Javascript
self.attachevent is not a function的解决方法
2017/04/04 Javascript
Vue写一个简单的倒计时按钮功能
2018/04/20 Javascript
bootstrap实现点击删除按钮弹出确认框的实例代码
2018/08/16 Javascript
react-router 路由切换动画的实现示例
2018/12/03 Javascript
如何封装了一个vue移动端下拉加载下一页数据的组件
2019/01/06 Javascript
jQuery实现动态生成年月日级联下拉列表示例
2019/05/11 jQuery
jQuery内容选择器与表单选择器实例分析
2019/06/28 jQuery
稍微学一下Vue的数据响应式(Vue2及Vue3区别)
2019/11/21 Javascript
JavaScript中的函数式编程详解
2020/08/22 Javascript
[01:14:31]Secret vs VG 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
浅析Python中的多重继承
2015/04/28 Python
python 实现Flask中返回图片流给前端展示
2020/01/09 Python
Python for循环搭配else常见问题解决
2020/02/11 Python
python实现手势识别的示例(入门)
2020/04/15 Python
英国著名音像制品和图书游戏购物网站:Zavvi
2016/08/04 全球购物
关于元旦的广播稿
2014/02/16 职场文书
质量月口号
2014/06/20 职场文书
我的中国梦演讲稿初中篇
2014/08/19 职场文书
销售人才自我评价范文
2014/09/27 职场文书
2015年店长个人工作总结
2015/10/23 职场文书