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滑动到底部加载下一页数据的实例代码
May 22 jQuery
jquery实现一个全局计时器(商城可用)
Jun 30 jQuery
jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]
Jul 05 jQuery
利用JQUERY实现多个AJAX请求等待的实例
Dec 14 jQuery
jquery自定义显示消息数量
Dec 19 jQuery
jQuery实现获取及设置CSS样式操作详解
Sep 05 jQuery
jQuery滑动效果实现方法分析
Sep 05 jQuery
jQuery实现适用于移动端的跑马灯抽奖特效示例
Jan 18 jQuery
jquery使用echarts实现有向图可视化功能示例
Nov 25 jQuery
jQuery实现王者荣耀手风琴效果
Jan 17 jQuery
jquery实现穿梭框功能
Jan 19 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&amp;java(一)
2006/10/09 PHP
PHP删除数组中的特定元素的代码
2012/06/28 PHP
Linux下实现PHP多进程的方法分享
2012/08/16 PHP
thinkPHP+LayUI 流加载实现功能
2019/09/27 PHP
ThinkPHP3.1.2 使用cli命令行模式运行的方法
2020/04/14 PHP
JQuery从头学起第三讲
2010/07/06 Javascript
在js文件中写el表达式取不到值的原因及解决方法
2013/12/23 Javascript
jQuery如何将选中的对象转化为原始的DOM对象
2014/06/09 Javascript
jQuery实现form表单元素序列化为json对象的方法
2015/12/09 Javascript
bootstrap选项卡使用方法解析
2017/01/11 Javascript
原生js实现可拖动的登录框效果
2017/01/21 Javascript
详解node.js 下载图片的 2 种方式
2018/03/02 Javascript
详解mpvue小程序中怎么引入iconfont字体图标
2018/10/01 Javascript
详解 微信小程序开发框架(MINA)
2019/05/17 Javascript
Vue 3.0 前瞻Vue Function API新特性体验
2019/08/12 Javascript
[02:14]2016国际邀请赛中国区预选赛Ehome晋级之路
2016/07/01 DOTA
[38:39]KG vs Mineski 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
[36:33]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第二场 11.29
2020/12/02 DOTA
用Python中的字典来处理索引统计的方法
2015/05/05 Python
八大排序算法的Python实现
2021/01/28 Python
Python常用字符串替换函数strip、replace及sub用法示例
2018/05/21 Python
python使用matplotlib画饼状图
2018/09/25 Python
python 二维数组90度旋转的方法
2019/01/28 Python
pyqt5实现绘制ui,列表窗口,滚动窗口显示图片的方法
2019/06/20 Python
Python 获取windows桌面路径的5种方法小结
2019/07/15 Python
解决Tensorflow2.0 tf.keras.Model.load_weights() 报错处理问题
2020/06/12 Python
python 读取、写入txt文件的示例
2020/09/27 Python
python爬取代理IP并进行有效的IP测试实现
2020/10/09 Python
html5 Canvas实现图片旋转的示例
2018/01/15 HTML / CSS
马来西亚最大的电器网站:Senheng
2017/10/13 全球购物
新加坡交友网站:be2新加坡
2019/04/10 全球购物
党支部特色活动方案
2014/08/20 职场文书
股份合作协议书
2014/09/10 职场文书
科级干部群众路线教育实践活动个人对照检查材料
2014/09/19 职场文书
吃空饷专项整治方案
2014/10/27 职场文书
个人工作总结怎么写?
2019/04/09 职场文书