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 放大镜 移动镜片效果代码
May 09 Javascript
javascript中parentNode,childNodes,children的应用详解
Dec 17 Javascript
Javascript连接多个数组不用concat来解决
Mar 24 Javascript
深入理解JavaScript系列(45):代码复用模式(避免篇)详解
Mar 04 Javascript
详解js中class的多种函数封装方法
Jan 03 Javascript
微信小程序 支付功能(前端)的实现
May 24 Javascript
Bootstrap导航菜单点击后无法自动添加active的处理方法
Aug 10 Javascript
vue 属性拦截实现双向绑定的实例代码
Oct 24 Javascript
JavaScript中的&quot;=、==、===&quot;区别讲解
Jan 22 Javascript
JS面向对象实现飞机大战
Aug 26 Javascript
vue路由结构可设一层方便动态添加路由操作
Aug 31 Javascript
如何在面试中手写出javascript节流和防抖函数
Oct 22 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
PHP5与MySQL数据库操作常用代码 收集
2010/03/21 PHP
flash用php连接数据库的代码
2011/04/21 PHP
zf框架的registry(注册表)使用示例
2014/03/13 PHP
Yii遍历行下每列数据的方法
2016/10/17 PHP
Laravel Eloquent分表方法并使用模型关联的实现
2019/11/25 PHP
JavaScript Tips 使用DocumentFragment加快DOM渲染速度
2010/06/28 Javascript
判断用户是否在线的代码
2011/03/05 Javascript
jquery 插件学习(二)
2012/08/06 Javascript
基于jquery打造的百分比动态色彩条插件
2012/09/19 Javascript
利用js的Node遍历找到repeater的一个字段实例介绍
2013/04/25 Javascript
JQuery解析HTML、JSON和XML实例详解
2014/03/29 Javascript
实现非常简单的js双向数据绑定
2015/11/06 Javascript
谈谈js中的prototype及prototype属性解释和常用方法
2015/11/25 Javascript
vue动态生成dom并且自动绑定事件
2017/04/19 Javascript
Angular.Js中过滤器filter与自定义过滤器filter实例详解
2017/05/08 Javascript
vue通过路由实现页面刷新的方法
2018/01/25 Javascript
浅谈Angular HttpClient简单入门
2018/05/04 Javascript
vue中进入详情页记住滚动位置的方法(keep-alive)
2018/09/21 Javascript
jQuery基于随机数解决中午吃什么去哪吃问题示例
2018/12/29 jQuery
vue搜索和vue模糊搜索代码实例
2019/05/07 Javascript
Python贪吃蛇游戏编写代码
2020/10/26 Python
Python遍历numpy数组的实例
2018/04/04 Python
解决django前后端分离csrf验证的问题
2019/02/03 Python
python中通过selenium简单操作及元素定位知识点总结
2019/09/10 Python
在Python中字符串、列表、元组、字典之间的相互转换
2019/11/15 Python
通过实例学习Python Excel操作
2020/01/06 Python
python简单实现最大似然估计&amp;scipy库的使用详解
2020/04/15 Python
解决django框架model中外键不落实到数据库问题
2020/05/20 Python
PyTorch 导数应用的使用教程
2020/08/31 Python
收藏!10个免费高清视频素材网站!【设计、视频剪辑必备】
2021/03/18 杂记
处理textarea中的换行和空格
2019/12/12 HTML / CSS
美国最大的宠物用品零售商:PetSmart
2016/11/14 全球购物
商铺门前三包责任书
2014/07/25 职场文书
征用土地赔偿协议书
2014/09/26 职场文书
2015年维修工作总结
2015/04/25 职场文书
2015年工程师工作总结
2015/04/30 职场文书