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 相关文章推荐
js控制框架刷新
Aug 01 Javascript
JS写的数字拼图小游戏代码[学习参考]
Oct 29 Javascript
HTML Color Picker(js拾色器效果)
Aug 27 Javascript
学习JavaScript设计模式(多态)
Nov 25 Javascript
深入解析JavaScript中的立即执行函数
May 21 Javascript
老生常谈JQuery data方法的使用
Sep 09 Javascript
jQuery flip插件实现的翻牌效果示例【附demo源码下载】
Sep 20 Javascript
利用JS实现简单的瀑布流加载图片效果
Apr 22 Javascript
vue-router配合ElementUI实现导航的实例
Feb 11 Javascript
JavaScript引用类型之基本包装类型实例分析【Boolean、Number和String】
Aug 09 Javascript
jQuery实现上下滚动公告栏详细代码
Nov 21 jQuery
angular 表单验证器验证的同时限制输入的实现
Apr 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
浅析php中抽象类和接口的概念以及区别
2013/06/27 PHP
Yii的Srbac插件用法详解
2016/07/14 PHP
PHP设计模式之装饰器模式实例详解
2018/02/07 PHP
thinkPHP5框架接口写法简单示例
2019/08/05 PHP
juqery 学习之三 选择器 层级 基本
2010/11/25 Javascript
通过jQuery源码学习javascript(三)
2012/12/27 Javascript
JavaScript中的原型和继承详解(图文)
2014/07/18 Javascript
js实现简单鼠标跟随效果的方法
2015/04/10 Javascript
javascript解决IE6下hover问题的方法
2015/07/28 Javascript
JS+CSS实现的竖向简洁折叠菜单效果代码
2015/10/22 Javascript
JavaScript jQuery 中定义数组与操作及jquery数组操作
2015/12/18 Javascript
基于jquery实现动态竖向柱状条特效
2016/02/12 Javascript
用NODE.JS中的流编写工具是要注意的事项
2016/03/01 Javascript
Bootstrap+jfinal实现省市级联下拉菜单
2016/05/30 Javascript
微信小程序 LOL 英雄介绍开发实例
2016/09/30 Javascript
基于vue2.0+vuex+localStorage开发的本地记事本示例
2017/02/28 Javascript
jQuery.form.js的使用详解
2017/06/14 jQuery
Thinkjs3新手入门之添加一个新的页面
2017/12/06 Javascript
Vue 路由 过渡动效 数据获取方法
2018/07/31 Javascript
微信公众平台获取access_token的方法步骤
2019/03/29 Javascript
使用layui的layer组件做弹出层的例子
2019/09/27 Javascript
Vue +WebSocket + WaveSurferJS 实现H5聊天对话交互的实例
2020/11/18 Vue.js
Python多进程同步Lock、Semaphore、Event实例
2014/11/21 Python
详解使用Python处理文件目录的相关方法
2015/10/16 Python
Python使用os.listdir()和os.walk()获取文件路径与文件下所有目录的方法
2019/04/01 Python
python 实现的发送邮件模板【普通邮件、带附件、带图片邮件】
2019/07/06 Python
pytorch 数据处理:定义自己的数据集合实例
2019/12/31 Python
python之openpyxl模块的安装和基本用法(excel管理)
2021/02/03 Python
Python中Qslider控件实操详解
2021/02/20 Python
HTML5进阶段内联标签汇总(小篇)
2016/07/13 HTML / CSS
荷兰多品牌网上鞋店:Stoute Schoenen
2017/08/24 全球购物
英国美发和美容产品商城:HQhair
2019/02/08 全球购物
社区活动邀请函范文
2014/01/29 职场文书
护士长竞聘书
2014/03/31 职场文书
公司口号大全
2014/06/11 职场文书
2015年行风建设工作总结
2015/05/15 职场文书