jQuery中:image选择器用法实例
本文实例讲述了jQuery中:image选择器用法。分享给大家供大家参考。具体分析如下:
此选择器能够选取类型为image的<input>元素。
千万不要弄成<img>标签。
$(":image")
实例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<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程序设计有所帮助。
相关推荐
-
Jquery获取和修改img的src值的方法
获取: 复制代码 代码如下: $("#imgId")[0].src; 修改: 复制代码 代码如下: $("#imgId").attr('src',path);
-
Jquery动态改变图片IMG的src地址示例
复制代码 代码如下: <div id="login_1_3a"> <a onfocus=this.blur() href="javascript:void(0)" class="l-button" style="width:80px" onclick='log_1()'> <img onfocus=this.blur() id="img_a" border=0 align=&q
-
jquery得到iframe src属性值的方法
取得iframe src属性的的值: Html代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery</title> <style type="text/css"> </style&
-
jQuery修改li下的样式以及li下的img的src的值的方法
jQuery如何修改li下的样式,以及修改li下的img的src的值,下面是具体的实现代码,需要的朋友可以看看 $(".test li").click(function() { $(".test li a").removeClass("test01"); $(".test li a").addClass("test02"); $("a", this).removeClass("
-
Jquery修改image的src属性,图片不加载问题的解决方法
1. 当点击某一按钮的时候,把图片域中的图片改变一下 <img id="randimg" src="/servlet/CreateValidateNum" width="60" height="20" /> <span style="cursor:hand" onclick="reflush();return false;">看不清</span> &l
-
jquery 图片截取工具jquery.imagecropper.js
除了jquery,本插件还引用了UI库,包括ui.draggable.js ImageCropper 演示需要asp.net支持.测试通过 ImageCropper 下载 http://www.jb51.net/jiaoben/25688.html插件用法: 复制代码 代码如下: var imageCropper = $('#imgBackground').imageCropper(); 要注意的是此插件只应用在有src属性的img标签上. 通过插件输出的参数,即可以通过服务器端代码截取图片,比
-
JQUERY设置IFRAME的SRC值的代码
复制代码 代码如下: $(window.parent.document).find("#Frm_Main").attr("src",url); 使用jquery操作iframe 1 内容里有两个ifame <iframe id="leftiframe"...</iframe> <iframe id="mainiframe..</iframe> leftiframe中jQuery改变mainiframe
-
jquery获取img的src值的简单实例
简简单单的一句话,如下: <img id="test" src="1.jpg" alt="test" /> 引用的jquery如下: <script type="text/javascript" language="javascript" src="~/Js/jquery-1.2.6.js"></script> <script type=&quo
-
JQuery中模拟image的ajaxPrefilter与ajaxTransport处理
////////////////////////////////////////////////////////////////// // options 是请求的选项 // // originalOptions 值作为提供给Ajax方法未经修改的选项,因此,没有ajaxSettings设置中的默认值 // // jqXHR 是请求的jqXHR对象 // ////////////////////////////////////////////////////////////////// $.aj
-
jquery img src 获取实现代码
请"运行代码"后刷新一次. jquery img src怎么取 $(function(){ alert($(".imglogo").attr("src")); }) [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
-
Jquery动态更改一张位图的src与Attr的使用
今天用Jquery想动态更改一张位图的src发现css不好用,查看Jquery文档好像是css是设置样式的属性的,如颜色,字体,背景等,而attr貌似是能操作所有属性,包括Jquery未封装的属性. 复制代码 代码如下: $("#newClassImg").attr("src", "./images/plus3.jpg");//改变图片源 $("#newClass").css("background-color&qu
随机推荐
- Git 命令行教程及实例教程(附github注册)
- 批处理代码搞定Windows下Nginx+PHP(FastCGI)管理
- IOS中UITableView滚动到指定位置
- JavaScript设计模式之单例模式详解
- Android控件之TabHost用法实例分析
- php实现smarty模板无限极分类的方法
- Python 执行字符串表达式函数(eval exec execfile)
- 同一页面多个商品倒计时JS 基于面向对象的javascript
- jQuery中判断对象是否存在的方法汇总
- C#正则表达式Regex类用法实例分析
- Java 关键字 速查表介绍
- Android自定义View模仿QQ讨论组头像效果
- Android Tabhost使用方法详解
- vue.js实现插入数值与表达式的方法分析
- 简单了解python高阶函数map/reduce
- php常用日期时间函数实例小结
- python自动循环定时开关机(非重启)测试
- Swift开发应用中如何更方便地使用颜色详解
- .NET Core系列之MemoryCache 缓存过期
- linux环境下编写shell脚本实现启动停止tomcat服务的方法