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实现动态添加小广告
Jul 11 jQuery
基于jquery实现多级菜单效果
Jul 25 jQuery
jQuery中extend函数简单用法示例
Oct 11 jQuery
jQuery结合jQuery.cookie.js插件实现换肤功能示例
Oct 14 jQuery
jQuery实现列表的增加和删除功能
Jun 14 jQuery
jQuery Ajax实现Select多级关联动态绑定数据的实例代码
Oct 26 jQuery
jQuery实现数字自动增加或者减少的动画效果示例
Dec 11 jQuery
jQuery中实现text()的方法
Apr 04 jQuery
jQuery Migrate 插件用法实例详解
May 22 jQuery
jQuery属性选择器用法实例分析
Jun 28 jQuery
jquery 遍历hash操作示例【基于ajax交互】
Oct 12 jQuery
jQuery实现鼠标滑动切换图片
May 27 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
sqlyog 中文乱码问题的设置方法
2008/10/19 PHP
php递归函数怎么用才有效
2018/02/24 PHP
php闭包中使用use声明变量的作用域实例分析
2018/08/09 PHP
Yii框架应用组件用法实例分析
2020/05/15 PHP
JS去除数组重复值的五种不同方法
2013/09/06 Javascript
关于jQuery判断元素是否存在的问题示例探讨
2014/07/21 Javascript
通过JS来动态的修改url,实现对url的增删查改
2014/09/01 Javascript
JavaScript性能优化之小知识总结
2015/11/20 Javascript
javascript图片延迟加载实现方法及思路
2015/12/31 Javascript
新闻上下滚动jquery 超简洁(必看篇)
2017/01/21 Javascript
jQuery插件zTree实现的多选树效果示例
2017/03/08 Javascript
微信小程序 wx.login解密出现乱码的问题解决办法
2017/03/10 Javascript
vue-cli项目根据线上环境分别打出测试包和生产包
2018/05/23 Javascript
Vue引入sass并配置全局变量的方法
2018/06/27 Javascript
微信{"errcode":48001,"errmsg":"api unauthorized, hints: [ req_id: 1QoCla0699ns81 ]"}
2018/10/12 Javascript
NodeJS读取分析Nginx错误日志的方法
2019/05/14 NodeJs
JS使用H5实现图片预览功能
2019/09/30 Javascript
Vue.js页面中有多个input搜索框如何实现防抖操作
2019/11/04 Javascript
详解JavaScript原型与原型链
2020/11/16 Javascript
[05:46]2018完美盛典-《同梦共竞》
2018/12/17 DOTA
Python max内置函数详细介绍
2016/11/17 Python
Python读取word文本操作详解
2018/01/22 Python
Django框架配置mysql数据库实现过程
2020/04/22 Python
Python中的全局变量如何理解
2020/06/04 Python
python和node.js生成当前时间戳的示例
2020/09/29 Python
详解Python中openpyxl模块基本用法
2021/02/23 Python
澳大利亚百货公司:David Jones
2018/02/08 全球购物
LightInTheBox法国站:中国跨境电商
2020/03/05 全球购物
警示教育活动总结
2014/05/05 职场文书
2015年餐厅服务员工作总结
2015/04/23 职场文书
学校党员干部承诺书
2015/05/04 职场文书
毕业实习单位意见
2015/06/04 职场文书
车辆管理制度范本
2015/08/05 职场文书
Django项目如何正确配置日志(logging)
2021/04/29 Python
详解Python requests模块
2021/06/21 Python
sql server删除前1000行数据的方法实例
2021/08/30 SQL Server