jquery获取img的src值实例介绍


Posted in jQuery onJanuary 16, 2019

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

<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 相关文章推荐
jQuery查找和过滤_动力节点节点Java学院整理
Jul 04 jQuery
jquery实现图片跟随鼠标的实例
Oct 17 jQuery
jQuery Datatables表头不对齐的解决办法
Nov 27 jQuery
jQuery Dom元素操作技巧
Feb 04 jQuery
jquery动态添加带有样式的HTML标签元素方法
Feb 24 jQuery
jQuery实现购物车的总价计算和总价传值功能
Nov 28 jQuery
JQuery属性操作与循环用法示例
May 15 jQuery
jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】
May 17 jQuery
jQuery模拟html下拉多选框的原生实现方法示例
May 30 jQuery
jQuery zTree插件使用简单教程
Aug 16 jQuery
jQuery弹框插件使用方法详解
May 26 jQuery
jQuery+ajax实现文件上传功能
Dec 22 jQuery
jQuery实现的点击图片居中放大缩小功能示例
Jan 16 #jQuery
jQuery+vue.js实现的多选下拉列表功能示例
Jan 15 #jQuery
jQuery实现的中英文切换功能示例
Jan 11 #jQuery
jQuery简单实现根据日期计算星期几的方法
Jan 09 #jQuery
jQuery实现根据身份证号获取生日、年龄、性别等信息的方法
Jan 09 #jQuery
JQuery搜索框自动补全(模糊匹配)功能实现示例
Jan 08 #jQuery
jQuery实现的别踩白块小游戏完整示例
Jan 07 #jQuery
You might like
PHP 分页原理分析,大家可以看看
2009/12/21 PHP
PHP解析RSS的方法
2015/03/05 PHP
初学prototype,发个JS接受URL参数的代码
2006/09/25 Javascript
jQuery事件 delegate()使用方法介绍
2012/10/30 Javascript
jquery实现图片翻页效果
2013/12/23 Javascript
jQuery setTimeout传递字符串参数报错的解决方法
2014/06/09 Javascript
JS返回iframe中frameBorder属性值的方法
2015/04/01 Javascript
页面内容排序插件jSort使用方法
2015/10/10 Javascript
开启Javascript中apply、call、bind的用法之旅模式
2015/10/28 Javascript
浅谈JQuery+ajax+jsonp 跨域访问
2016/06/25 Javascript
ES6中Generator与异步操作实例分析
2017/03/31 Javascript
JS实现无缝循环marquee滚动效果
2017/05/22 Javascript
JavaScript+HTML5实现的日期比较功能示例
2017/07/12 Javascript
深入浅析ES6 Class 中的 super 关键字
2017/10/20 Javascript
详解多页应用 Webpack4 配置优化与踩坑记录
2018/10/16 Javascript
详解webpack编译速度提升之DllPlugin
2019/02/05 Javascript
vue实现select下拉显示隐藏功能
2019/09/30 Javascript
vue使用video插件vue-video-player的示例
2020/10/03 Javascript
基于ajax实现上传图片代码示例解析
2020/12/03 Javascript
[59:15]EG vs LGD 2018国际邀请赛淘汰赛BO3 第一场 8.26
2018/08/29 DOTA
[02:12]打造更好的电竞完美世界:完美盛典回顾篇
2018/12/19 DOTA
python根据文件大小打log日志
2014/10/09 Python
在Python3中使用asyncio库进行快速数据抓取的教程
2015/04/02 Python
Python多线程threading和multiprocessing模块实例解析
2018/01/29 Python
Django中url的反向查询的方法
2018/03/14 Python
pandas筛选某列出现编码错误的解决方法
2018/11/07 Python
python 构造三维全零数组的方法
2018/11/12 Python
解决Pytorch训练过程中loss不下降的问题
2020/01/02 Python
Django admin 实现search_fields精确查询实例
2020/03/30 Python
Python爬虫实现自动登录、签到功能的代码
2020/08/20 Python
python中if嵌套命令实例讲解
2021/02/25 Python
Strathberry苏贝瑞中国官网:西班牙高级工匠手工打造
2020/10/19 全球购物
学校庆元旦歌咏比赛主持词
2014/03/18 职场文书
婚礼庆典答谢词
2015/01/20 职场文书
读书笔记格式
2015/07/02 职场文书
大学毕业典礼致辞
2015/07/29 职场文书