jquery获取img的src值的简单实例

 更新时间:2016年05月17日 16:30:47   投稿:jingxian  
下面小编就为大家带来一篇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值的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 微信小程序自定义组件

    微信小程序自定义组件

    这篇文章主要为大家详细介绍了微信小程序自定义组件的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • Javascript 加载和执行-性能提高篇

    Javascript 加载和执行-性能提高篇

    Javascript 在浏览器中的性能问题,可能是最重要的可用性问题;Js的阻塞性 浏览器用单一进程来处理UI进程和Js的执行;不管是内嵌的还是外链的,下载并立即执行 因为它有可能会修改页面
    2012-12-12
  • javascript实现页面内关键词高亮显示代码

    javascript实现页面内关键词高亮显示代码

    关键词高亮想必大家对它都不陌生吧,应用也比较广泛的,下面为大家介绍下通过javascript是如何实现页面内关键词高亮显示
    2014-04-04
  • html中通过JS获取JSON数据并加载的方法

    html中通过JS获取JSON数据并加载的方法

    本篇内容主要给大家讲了如何通过javascript解析JSON并得到数据后添加到HTML中的方法,需要的朋友参考下。
    2017-11-11
  • JavaScript实现简单的Markdown语法解析器

    JavaScript实现简单的Markdown语法解析器

    Markdown 是一种轻量级标记语言, 它允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的 XHTML(或者HTML)文档。本文将利用JavaScript实现简单的Markdown语法解析器,感兴趣的可以了解一下
    2023-03-03
  • javascript陷阱 一不小心你就中招了(字符运算)

    javascript陷阱 一不小心你就中招了(字符运算)

    看似简单的加法运行,却有很多问题,一定要注意字符与数字的运算,注意使用js的强制类型转换,否则会出现很多问题。我们在编写js的过程中,最好通过alert逐行测试
    2013-11-11
  • 深入浅析JavaScript中的scrollTop

    深入浅析JavaScript中的scrollTop

    这篇文章主要介绍了深入浅析JavaScript中的scrollTop的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • 微信小程序 this.triggerEvent()的具体使用

    微信小程序 this.triggerEvent()的具体使用

    这篇文章主要介绍了微信小程序 this.triggerEvent()的具体使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-12-12
  • 使用Taro实现小程序商城的购物车功能模块的实例代码

    使用Taro实现小程序商城的购物车功能模块的实例代码

    这篇文章主要介绍了使用Taro实现的小程序商城的购物车功能模块,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-06-06
  • JavaScript中关于字符串替换与截取的知识点汇总

    JavaScript中关于字符串替换与截取的知识点汇总

    在日常开发中,经常遇到针对字符串的替换、截取,知识点比较碎容易混淆,所以本文为大家整理了一下相关的知识点,希望对大家有所帮助
    2023-05-05

最新评论