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.ajax)
Nov 19 Javascript
使用GruntJS构建Web程序之合并压缩篇
Jun 06 Javascript
10条建议帮助你创建更好的jQuery插件
May 18 Javascript
javascript函数式编程程序员的工具集
Oct 11 Javascript
jquery实现简单的banner轮播效果【实例】
Mar 30 Javascript
jQuery实现产品对比功能附源码下载
Aug 09 Javascript
js中用cssText设置css样式的简单方法
Sep 19 Javascript
jQuery实现表格文本框淡入更改值后淡出效果
Sep 27 Javascript
AngularJs 最新验证手机号码的实例,成功测试通过
Nov 26 Javascript
JavaScript寄生组合式继承实例详解
Jan 06 Javascript
微信小程序自定义tabBar组件开发详解
Sep 24 Javascript
js实现登录时记住密码的方法分析
Apr 05 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
《五等分的花嫁》漫画完结!2020年10月第2期TV动画制作组换血!
2020/03/06 日漫
php中addslashes函数与sql防注入
2014/11/17 PHP
页面利用渐进式JPEG来提升用户体验度
2014/12/01 PHP
javascript之querySelector和querySelectorAll使用说明
2011/10/09 Javascript
css值转换成数值请抛弃parseInt
2011/10/24 Javascript
Js实现动态添加删除Table行示例
2014/04/14 Javascript
jQuery中prepend()方法用法实例
2014/12/25 Javascript
js获取元素外链样式的方法
2015/01/27 Javascript
js+canvas绘制五角星的方法
2016/01/28 Javascript
原生JavaScript实现动态省市县三级联动下拉框菜单实例代码
2016/02/03 Javascript
14 个折磨人的 JavaScript 面试题
2016/08/08 Javascript
JS简单随机数生成方法
2016/09/05 Javascript
bootstrapValidator 重新启用提交按钮的方法
2017/02/20 Javascript
基于Vue2.0的分页组件
2017/03/16 Javascript
JavaScript学习笔记之函数记忆
2017/09/06 Javascript
Vue入门之animate过渡动画效果
2018/04/08 Javascript
Rollup处理并打包JS文件项目实例代码
2018/05/31 Javascript
vue-awesome-swiper 基于vue实现h5滑动翻页效果【推荐】
2018/11/08 Javascript
微信小程序实现左滑动删除效果
2020/03/30 Javascript
vue 中使用print.js导出pdf操作
2020/11/13 Javascript
[57:24]LGD vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python3 XML 获取雅虎天气的实现方法
2018/02/01 Python
Python利用lxml模块爬取豆瓣读书排行榜的方法与分析
2019/04/15 Python
使用matplotlib绘制图例标签中带有公式的图
2019/12/13 Python
Python3直接爬取图片URL并保存示例
2019/12/18 Python
python误差棒图errorbar()函数实例解析
2020/02/11 Python
python实现横向拼接图片
2020/03/23 Python
Gibson London官网:以地道的英国男装而著称
2019/12/06 全球购物
财务会计应届生求职信
2013/11/24 职场文书
幼儿园国庆节活动方案
2014/02/01 职场文书
2014新课程改革心得体会
2014/03/10 职场文书
纪检干部现实表现材料
2014/08/21 职场文书
个人作风建设剖析材料
2014/10/11 职场文书
安徽导游词
2015/02/12 职场文书
小学运动会报道稿
2015/07/22 职场文书
Python初识逻辑与if语句及用法大全
2021/08/07 Python