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延迟加载
Mar 09 Javascript
JS弹出窗口代码大全(详细整理)
Dec 21 Javascript
javascript实现跳转菜单的具体方法
Jul 05 Javascript
JS.elementGetStyle(element, style)应用示例
Sep 24 Javascript
JavaScript实现生成GUID(全局统一标识符)
Sep 05 Javascript
基于jquery实现轮播焦点图插件
Mar 31 Javascript
JS简单获取客户端IP地址的方法【调用搜狐接口】
Sep 05 Javascript
js es6系列教程 - 基于new.target属性与es5改造es6的类语法
Sep 02 Javascript
详解从react转职到vue开发的项目准备
Jan 14 Javascript
Vue实现点击按钮复制文本内容的例子
Nov 09 Javascript
小程序实现列表展开收起效果
Jul 29 Javascript
react 路由Link配置详解
Nov 11 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
使用CodeIgniter的类库做图片上传
2014/06/12 PHP
非常全面的php日期时间运算汇总
2015/11/04 PHP
php使用Jpgraph创建折线图效果示例
2017/02/15 PHP
PHP定义字符串的四种方式详解
2018/02/06 PHP
身份证号码前六位所代表的省,市,区, 以及地区编码下载
2007/04/12 Javascript
各种常用浏览器getBoundingClientRect的解析
2009/05/21 Javascript
defer属性导致引用JQuery的页面报“浏览器无法打开网站xxx,操作被中止”错误的解决方法
2010/04/27 Javascript
javascript的数组和常用函数详解
2014/05/09 Javascript
JQuery EasyUI 加载两次url的原因分析及解决方案
2014/08/18 Javascript
jQuery获取上传文件的名称的正则表达式
2015/05/21 Javascript
jQuery实现产品对比功能附源码下载
2016/08/09 Javascript
BootstrapValidator不触发校验的实现代码
2016/09/28 Javascript
easyui combogrid实现本地模糊搜索过滤多列
2017/05/13 Javascript
微信小程序实现循环动画效果
2018/07/16 Javascript
mock.js实现模拟生成假数据功能示例
2019/01/15 Javascript
angular6根据environments配置文件更改开发所需要的环境的方法
2019/03/06 Javascript
Vue数字输入框组件使用方法详解
2020/02/10 Javascript
JavaScript实现横版菜单栏
2020/03/17 Javascript
[01:30]我们共输赢 完美世界城市挑战赛开启全新赛季
2019/04/19 DOTA
python交互式图形编程实例(一)
2017/11/17 Python
vue.js实现输入框输入值内容实时响应变化示例
2018/07/07 Python
python简易实现任意位数的水仙花实例
2018/11/13 Python
python使用for循环计算0-100的整数的和方法
2019/02/01 Python
在echarts中图例legend和坐标系grid实现左右布局实例
2020/05/16 Python
解决pycharm修改代码后第一次运行不生效的问题
2021/02/06 Python
详解Canvas 跨域脱坑实践
2018/11/07 HTML / CSS
Fresh馥蕾诗英国官网:法国LVMH集团旗下高端天然护肤品牌
2018/11/01 全球购物
六一儿童节活动策划方案
2014/01/27 职场文书
趣味比赛活动方案
2014/02/15 职场文书
上班玩手机检讨书
2014/02/17 职场文书
党建目标管理责任书
2014/07/25 职场文书
党员群众路线教育实践活动剖析材料
2014/10/10 职场文书
党的群众路线教育实践活动制度建设计划方案
2014/10/31 职场文书
2015年文员个人工作总结
2015/04/09 职场文书
2019毕业典礼主持词!
2019/07/05 职场文书
2019奶茶店创业计划书范本,值得你借鉴
2019/08/14 职场文书