jQuery中:image选择器用法实例


Posted in Javascript onJanuary 03, 2015

本文实例讲述了jQuery中:image选择器用法。分享给大家供大家参考。具体分析如下:

此选择器能够选取类型为image的<input>元素。
千万不要弄成<img>标签。

语法结构:

$(":image")

实例代码:

<!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(){ 

    $(":image").width(100); 

  }); 

}); 

</script> 

</head> 

<body> 

<ul> 

  <li><input type="image" src="mytest/div+css/border.jpg" /></li> 

</ul> 

<button>点击查看效果</button> 

</body> 

</html>

希望本文所述对大家的jquery程序设计有所帮助。

Javascript 相关文章推荐
Google Map Api和GOOGLE Search Api整合实现代码
Jul 18 Javascript
快速排序 php与javascript的不同之处
Feb 22 Javascript
ajax 同步请求和异步请求的差异分析
Jul 04 Javascript
jquery更换文章内容与改变字体大小代码
Sep 30 Javascript
jquery获得keycode的示例代码
Dec 30 Javascript
React.js入门实例教程之创建hello world 的5种方式
May 11 Javascript
js实现简单数字变动效果
Nov 06 Javascript
JS处理一些简单计算题
Feb 24 Javascript
vue 开发一个按钮组件的示例代码
Mar 27 Javascript
npm的lock机制解析
Jun 20 Javascript
vue之a-table中实现清空选中的数据
Nov 07 Javascript
详解vue之自行实现派发与广播(dispatch与broadcast)
Jan 19 Vue.js
jQuery中:submit选择器用法实例
Jan 03 #Javascript
jQuery中:checkbox选择器用法实例
Jan 03 #Javascript
jQuery中:radio选择器用法实例
Jan 03 #Javascript
jQuery中:password选择器用法实例
Jan 03 #Javascript
jQuery中:text选择器用法实例
Jan 03 #Javascript
JS打开新窗口防止被浏览器阻止的方法
Jan 03 #Javascript
jQuery中:input选择器用法实例
Jan 03 #Javascript
You might like
PHP执行linux系统命令的常用函数使用说明
2010/04/27 PHP
PHP多个图片压缩成ZIP的方法
2020/08/18 PHP
Yii框架视图、视图布局、视图数据块操作示例
2019/10/14 PHP
JS支持带x身份证号码验证函数
2008/08/10 Javascript
js实现的跟随鼠标移动的时钟效果(中英文日期显示)
2011/01/17 Javascript
js时间比较示例分享(日期比较)
2014/03/05 Javascript
调整小数的格式保留小数点后两位
2014/05/14 Javascript
jQuery基础_入门必看知识点
2016/07/04 Javascript
Angular.js跨controller实现参数传递的两种方法
2017/02/20 Javascript
jQuery时间验证和转换为标准格式的时间格式
2017/03/06 Javascript
基于vue2.0+vuex的日期选择组件功能实现
2017/03/13 Javascript
javascript实现滑动解锁功能
2017/03/22 Javascript
Vue源码学习之初始化模块init.js解析
2017/11/02 Javascript
JS中精巧的自动柯里化实现方法
2017/12/12 Javascript
jquery自定义显示消息数量
2017/12/19 jQuery
ReactNative实现Toast的示例
2017/12/31 Javascript
Vuex 模块化使用详解
2019/07/31 Javascript
让mocha支持ES6模块的方法实现
2020/01/14 Javascript
js常用方法、检查是否有特殊字符串、倒序截取字符串操作完整示例
2020/01/26 Javascript
vue项目启动出现cannot GET /服务错误的解决方法
2020/04/26 Javascript
[01:22:29]真视界:2019年国际邀请赛总决赛
2020/01/29 DOTA
[45:59]完美世界DOTA2联赛PWL S2 FTD vs GXR 第二场 11.22
2020/11/24 DOTA
[01:36:17]DOTA2-DPC中国联赛 正赛 Ehome vs iG BO3 第一场 1月31日
2021/03/11 DOTA
使用Python编写一个模仿CPU工作的程序
2015/04/16 Python
使用Python的Scrapy框架编写web爬虫的简单示例
2015/04/17 Python
Python Tornado核心及相关原理详解
2020/06/24 Python
Python pip安装第三方库实现过程解析
2020/07/09 Python
Python GUI库Tkiner使用方法代码示例
2020/11/27 Python
完美解决Pycharm中matplotlib画图中文乱码问题
2021/01/11 Python
幼儿园六一活动总结
2014/08/27 职场文书
收款授权委托书
2014/10/02 职场文书
合作协议书模板
2014/10/10 职场文书
2014年教育培训工作总结
2014/12/08 职场文书
二年级语文下册复习计划
2015/01/19 职场文书
2015年环卫处个人工作总结
2015/07/27 职场文书
使用Navicat Premium工具将oracle数据库迁移到MySQL
2021/05/27 Oracle