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获得当前网页来源页面(即上一页)的方法
Apr 03 Javascript
js简单实现表单中点击按钮动态增加输入框数量的方法
Aug 18 Javascript
简单实现js倒计时功能
Feb 13 Javascript
用JavaScript和jQuery实现瀑布流
Mar 19 Javascript
基于js的变量提升和函数提升(详解)
Sep 17 Javascript
基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果
Jan 09 Javascript
Express结合Webpack的全栈自动刷新
May 23 Javascript
jQuery内容选择器与表单选择器实例分析
Jun 28 jQuery
Vue2.0实现简单分页及跳转效果
Jul 29 Javascript
JavaScript 斐波那契数列 倒序输出 输出100以内的质数代码实例
Sep 11 Javascript
JS面向对象编程基础篇(二) 封装操作实例详解
Mar 03 Javascript
jQuery实现简单QQ聊天框
Aug 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 ADODB使用方法集锦
2008/03/25 PHP
Win下如何安装PHP的APC拓展
2013/08/07 PHP
使用php判断服务器是否支持Gzip压缩功能
2013/09/24 PHP
PHP字符串比较函数strcmp()和strcasecmp()使用总结
2014/11/19 PHP
PHP获取Exif缩略图的方法
2015/07/13 PHP
thinkPHP使用pclzip打包备份mysql数据库的方法
2016/04/30 PHP
在 Laravel 项目中使用 webpack-encore的方法
2019/07/21 PHP
JS简单实现元素复制示例附图
2013/11/19 Javascript
jquery+css3打造一款ajax分页插件(自写)
2014/06/18 Javascript
JS按回车键实现登录的方法
2014/08/25 Javascript
javascript快速排序算法详解
2014/09/17 Javascript
PHPMyAdmin导入时提示文件大小超出PHP限制的解决方法
2015/03/30 Javascript
jQuery实现信息提示框(带有圆角框与动画)效果
2015/08/07 Javascript
使用NodeJs 开发微信公众号(三)微信事件交互实例
2016/03/02 NodeJs
js图片切换具体实现代码
2016/10/13 Javascript
jQuery中 bind的用法简单介绍
2017/02/13 Javascript
javaScript+turn.js实现图书翻页效果实例代码
2017/02/16 Javascript
vue2.0实战之使用vue-cli搭建项目(2)
2017/03/27 Javascript
nodejs实现连接mongodb数据库的方法示例
2018/03/15 NodeJs
JavaScript轮播停留效果的实现思路
2018/05/24 Javascript
JS二级菜单不同实现方法分析【4种方法】
2018/12/21 Javascript
简单两步使用node发送qq邮件的方法
2019/03/01 Javascript
使用PIL(Python-Imaging)反转图像的颜色方法
2019/01/24 Python
浅谈Pytorch中的torch.gather函数的含义
2019/08/18 Python
Jupyter 无法下载文件夹如何实现曲线救国
2020/04/22 Python
墨西哥运动服饰和鞋网上商店:Netshoes墨西哥
2016/07/28 全球购物
预订从美国飞往印度的机票:MyTicketsToIndia
2017/05/19 全球购物
JavaScript实现页面动态验证码的实现示例
2021/03/23 Javascript
《走一步再走一步》教学反思
2014/02/15 职场文书
付款委托书范本
2014/10/05 职场文书
医院保洁员岗位职责
2015/02/13 职场文书
办公用品质量保证书
2015/05/11 职场文书
2016党员学习心得体会范文
2016/01/23 职场文书
导游词之青城山景区
2019/09/27 职场文书
HTTP中的Content-type详解
2022/01/18 HTML / CSS
“鬼灭之刃”热度不减,其成功背后的原因是什么?
2022/03/22 日漫