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程序设计有所帮助。

赞 (0)

相关推荐

  • Jquery获取和修改img的src值的方法

    获取: 复制代码 代码如下: $("#imgId")[0].src; 修改: 复制代码 代码如下: $("#imgId").attr('src',path);

  • 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修改image的src属性,图片不加载问题的解决方法

    1. 当点击某一按钮的时候,把图片域中的图片改变一下 <img id="randimg" src="/servlet/CreateValidateNum" width="60" height="20" /> <span style="cursor:hand" onclick="reflush();return false;">看不清</span> &l

  • Jquery动态更改一张位图的src与Attr的使用

    今天用Jquery想动态更改一张位图的src发现css不好用,查看Jquery文档好像是css是设置样式的属性的,如颜色,字体,背景等,而attr貌似是能操作所有属性,包括Jquery未封装的属性. 复制代码 代码如下: $("#newClassImg").attr("src", "./images/plus3.jpg");//改变图片源 $("#newClass").css("background-color&qu

  • JQuery中模拟image的ajaxPrefilter与ajaxTransport处理

    ////////////////////////////////////////////////////////////////// // options 是请求的选项 // // originalOptions 值作为提供给Ajax方法未经修改的选项,因此,没有ajaxSettings设置中的默认值 // // jqXHR 是请求的jqXHR对象 // ////////////////////////////////////////////////////////////////// $.aj

  • 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得到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设置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地址示例

    复制代码 代码如下: <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 img src 获取实现代码

    请"运行代码"后刷新一次. jquery img src怎么取 $(function(){ alert($(".imglogo").attr("src")); }) [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

随机推荐