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 06 jQuery
jquery.validate表单验证插件使用详解
Jun 21 jQuery
jquery easyui如何实现格式化列
Jul 30 jQuery
Mui使用jquery并且使用点击跳转新窗口的实例
Aug 19 jQuery
jQuery 1.9版本以上的浏览器判断方法代码分享
Aug 28 jQuery
jquery ztree实现右键收藏功能
Nov 20 jQuery
jquery.param()实现数组或对象的序列化方法
Oct 08 jQuery
jQuery 操作 HTML 元素和属性的方法
Nov 12 jQuery
layui+jquery支持IE8的表格分页方法
Sep 28 jQuery
jQuery实现中奖播报功能(让文本滚动起来) 简单设置数值即可
Mar 20 jQuery
jquery html添加元素/删除元素操作实例详解
May 20 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
11个PHP 分页脚本推荐
2011/08/15 PHP
php获取数组中重复数据的两种方法
2013/06/28 PHP
php事务处理实例详解
2014/07/11 PHP
jquery实现的随机多彩tag标签随机颜色和字号大小效果
2014/03/27 Javascript
js获取ajax返回值代码
2014/04/30 Javascript
js实现Form栏显示全格式时间时钟效果代码
2015/08/19 Javascript
Jquery-1.9.1源码分析系列(十一)之DOM操作
2015/11/25 Javascript
实例讲解jQuery EasyUI tree中state属性慎用
2016/04/01 Javascript
vue.js选中动态绑定的radio的指定项
2017/06/02 Javascript
jQuery结合jQuery.cookie.js插件实现换肤功能示例
2017/10/14 jQuery
面包屑导航详解
2017/12/07 Javascript
JS中使用cavas截图网页并解决跨域及模糊问题
2018/11/13 Javascript
Vue自定义属性实例分析
2019/02/23 Javascript
jQuery实现图片切换效果
2020/10/19 jQuery
微信小程序入门之绘制时钟
2020/10/22 Javascript
[02:32]“虐狗”镜头慎点 2016国际邀请赛中国区预选赛现场玩家采访
2016/06/28 DOTA
Python实现Windows上气泡提醒效果的方法
2015/06/03 Python
python读取与写入csv格式文件的示例代码
2017/12/16 Python
python爬虫获取小区经纬度以及结构化地址
2018/12/30 Python
Pycharm中出现ImportError:DLL load failed:找不到指定模块的解决方法
2019/09/17 Python
python实现飞机大战小游戏
2019/11/08 Python
Python 实现opencv所使用的图片格式与 base64 转换
2020/01/09 Python
Python持续监听文件变化代码实例
2020/07/22 Python
Vs Code中8个好用的python 扩展插件
2020/10/12 Python
python 爬虫如何正确的使用cookie
2020/10/27 Python
基于OpenCV的网络实时视频流传输的实现
2020/11/15 Python
html5 学习简单的拾色器
2010/09/03 HTML / CSS
C语言面试题
2015/10/30 面试题
C#里面如何倒序排列一个数组的元素?
2013/06/21 面试题
MYSQL相比于其他数据库有哪些特点
2013/07/19 面试题
项目合作协议书范本
2014/04/16 职场文书
计算机专业毕业生求职信
2014/04/30 职场文书
软件项目开发计划书
2014/05/01 职场文书
2015年教师节广播稿
2015/08/19 职场文书
Linux系统下安装PHP7.3版本
2021/06/26 PHP
Vue的生命周期一起来看看
2022/02/24 Vue.js