jquery获取img的src值实例介绍

 更新时间:2019年01月16日 14:47:38   投稿:laozhang  
在本篇文章里小编给大家分享了关于jquery获取img的src值实例介绍和相关内容,有需要的朋友们学习下。

 简简单单的一句话,如下:

<img id="img" 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($('#img'));

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

3、alert($('#img'));  提示[object Object]。

4、alert($('#img').src);  提示undefined。

正确的写法:

 $('#img')[0].src才能够获取到img的地址。

原因:

<img id="img" src="1.jpg" alt="test" />

<img id="img" src="2.jpg" alt="test" />

<img id="img" src="3.jpg" alt="test" />

如上,如果有很多img。

因为$("#img")获取到的是整个页面所有的img标签,是一个数组,只有明确指定是哪一个的src的时候,才能取到具体的src值

相关文章

  • jQuery实现强制cookie过期方法汇总

    jQuery实现强制cookie过期方法汇总

    本文是对jquery 强制cookie失效的解决方法进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2015-05-05
  • 简单实用的全选反选按钮例子

    简单实用的全选反选按钮例子

    全选反选在数据的批量操作方面还是比较实用的,本文有个不错的示例,主要是当点击全选框时进行全选处理,感兴趣的朋友了解下
    2013-10-10
  • Jquery 学习笔记(二)

    Jquery 学习笔记(二)

    从最开始看到Jquery这样的选择器就让我想起了CSS的选择器,简直是同出一辙啊,CSS的选择器语法个人觉得相当的经典,那么Jquery借鉴CSS也就没有多少疑问了。
    2009-10-10
  • jQuery实现简洁的轮播图效果实例

    jQuery实现简洁的轮播图效果实例

    这篇文章主要介绍了jQuery实现简洁的轮播图效果,结合实例形式分析了jQuery的事件响应机制与页面元素动态操作相关技巧,需要的朋友可以参考下
    2016-09-09
  • jQuery实现带右侧索引功能的通讯录示例【附源码下载】

    jQuery实现带右侧索引功能的通讯录示例【附源码下载】

    这篇文章主要介绍了jQuery实现带右侧索引功能的通讯录,结合实例形式分析了jQuery针对页面元素动态遍历、排序等相关操作技巧,并附源码供读者下载参考,需要的朋友可以参考下
    2018-04-04
  • Jquery之Ajax运用 学习运用篇

    Jquery之Ajax运用 学习运用篇

    JQuery中Ajax的运用相信很多人都已熟悉,本文主要是记录下个人实践中的应用知识,旨在加强记忆。
    2011-09-09
  • jQuery遍历DOM元素与节点方法详解

    jQuery遍历DOM元素与节点方法详解

    这篇文章主要介绍了jQuery遍历DOM元素与节点方法,结合实例形似详细分析了jQuery遍历DOM父级节点,子级节点及兄弟节点的相关技巧,需要的朋友可以参考下
    2016-04-04
  • jQuery序列化后的表单值转换成Json

    jQuery序列化后的表单值转换成Json

    这篇文章主要介绍了Jquery序列化后的表单值转换成Json的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-06-06
  • jquery+css实现绚丽的横向二级下拉菜单-附源码下载

    jquery+css实现绚丽的横向二级下拉菜单-附源码下载

    这篇文章主要介绍了jquery+css实现绚丽的横向二级下拉菜单-附源码下载,需要的朋友可以参考下
    2015-08-08
  • jQuery获取样式中颜色值的方法

    jQuery获取样式中颜色值的方法

    这篇文章主要介绍了jQuery获取样式中颜色值的方法,可实现针对IE与Chrome、Firefox等不同浏览器都可获取css样式中background-color值的功能,非常具有实用价值,需要的朋友可以参考下
    2015-01-01

最新评论