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 相关文章推荐
网页设计常用的一些技巧
Dec 22 Javascript
模拟jQuery中的ready方法及实现按需加载css,js实例代码
Sep 27 Javascript
Javascript自定义函数判断网站访问类型是PC还是移动终端
Jan 10 Javascript
Jquery中的层次选择器与find()的区别示例介绍
Feb 20 Javascript
javascript中兼容主流浏览器的动态生成iframe方法
May 05 Javascript
AngularJS基础 ng-srcset 指令简单示例
Aug 03 Javascript
浅谈javascript的url参数parse和build函数
Mar 04 Javascript
vue-router路由参数刷新消失的问题解决方法
Jun 17 Javascript
vuex学习之Actions的用法详解
Aug 29 Javascript
解决Mac node版本升级失败的问题
May 16 Javascript
原生JS封装_new函数实现new关键字的功能
Aug 12 Javascript
nuxt配置通过指定IP和端口访问的实现
Jan 08 Javascript
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生成Flash动画的实现代码
2010/03/12 PHP
Yii PHP Framework实用入门教程(详细介绍)
2013/06/18 PHP
PHP中的use关键字概述
2014/07/23 PHP
thinkphp项目部署到Linux服务器上报错“模板不存在”如何解决
2016/04/27 PHP
Javascript 继承机制的实现
2009/08/12 Javascript
js触发asp.net的Button的Onclick事件应用
2013/02/02 Javascript
js添加table的行和列 具体实现方法
2013/07/22 Javascript
方便实用的jQuery checkbox复选框全选功能简单实例
2013/10/09 Javascript
JS操作Cookie写入和读取实例代码
2013/10/20 Javascript
js利用prototype调用Array的slice方法示例
2014/06/09 Javascript
JS实现点击按钮自动增加一个单元格的方法
2015/03/09 Javascript
JavaScript 表单处理实现代码
2015/04/13 Javascript
jquery实现具有嵌套功能的选项卡
2016/02/12 Javascript
JavaScript实现设计模式中的单例模式的一些技巧总结
2016/05/17 Javascript
基于JQuery实现图片上传预览与删除操作
2016/05/24 Javascript
jQuery调用Webservice传递json数组的方法
2016/08/06 Javascript
Angular.js中下拉框实现渲染html的方法
2017/06/18 Javascript
JS遍历DOM文档树的方法实例详解
2018/04/03 Javascript
jQuery实现百度图片移入移出内容提示框上下左右移动的效果
2018/06/05 jQuery
JS使用百度地图API自动获取地址和经纬度操作示例
2019/04/16 Javascript
jquery.tagsinput.js实现记录checkbox勾选的顺序
2019/09/21 jQuery
vue 扩展现有组件的操作
2020/08/14 Javascript
[50:34]VGJ.T vs Fnatic 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Pycharm导入Python包,模块的图文教程
2018/06/13 Python
对python numpy.array插入一行或一列的方法详解
2019/01/29 Python
python基于pdfminer库提取pdf文字代码实例
2019/08/15 Python
Python大数据之从网页上爬取数据的方法详解
2019/11/16 Python
django model的update时auto_now不被更新的原因及解决方式
2020/04/01 Python
CSS3伪类选择器:nth-child()
2009/04/02 HTML / CSS
美国二手奢侈品寄售网站:TheRealReal
2016/10/29 全球购物
一套软件开发工程师笔试题
2015/05/18 面试题
2014大学生职业生涯规划书最新范文
2014/09/13 职场文书
如何制定销售人员薪酬制度?
2019/07/09 职场文书
创业计划书之干洗店
2019/09/10 职场文书
Oracle 区块链表创建过程详解
2021/05/15 Oracle
Python图片验证码降噪和8邻域降噪
2021/08/30 Python