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="text/javascript" language="javascript" src="~/Js/jquery-1.2.6-vsdoc.js"></script>

我使用如下的语句都会出错:(至于原因我还不清楚,有清楚的麻烦告诉我一声)

1、alert($('#test'));

2、alert($('#test').src);

把”~“去掉后,等于是把智能提示去掉了,之后引用的jquery如下:

<script type="text/javascript" language="javascript" src="/Js/jquery-1.2.6.js"></script>

<script type="text/javascript" language="javascript" src="/Js/jquery-1.2.6-vsdoc.js"></script>

使用$('#test').src语句不会出错,但获取不到img的地址。

1、alert($('#test'));  提示[object Object]。

2、alert($('#test').src);  提示undefined。

最后,使用 $('#test')[0].src才能够获取到img的地址。(还没有进行深入的研究,现在还是只知道现象。)

以上这篇jquery获取img的src值的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。

(0)

相关推荐

  • 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

  • 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设置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 图片截取工具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获取和修改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修改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选择器用法实例

    本文实例讲述了jQuery中:image选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取类型为image的<input>元素. 千万不要弄成<img>标签. 语法结构: 复制代码 代码如下: $(":image") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta na

  • Jquery修改image的src属性,图片不加载问题的解决方法

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

随机推荐