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,Angular实现登录界面验证码详解
Apr 27 jQuery
jQuery模拟实现天猫购物车动画效果实例代码
May 25 jQuery
jQuery 添加样式属性的优先级别方法(推荐)
Jun 08 jQuery
js案例之鼠标跟随jquery版(实例讲解)
Jul 21 jQuery
jQuery实现锚点向下平滑滚动特效示例
Aug 29 jQuery
jquery如何实现点击空白处隐藏元素
Dec 05 jQuery
jQuery中$原理实例分析
Aug 13 jQuery
jQuery实现的页面弹幕效果【测试可用】
Aug 17 jQuery
如何用webpack4.0撸单页/多页脚手架 (jquery, react, vue, typescript)
Jun 18 jQuery
jquery获取input输入框中的值
Nov 13 jQuery
高效jQuery选择器的5个技巧实例分析
Nov 26 jQuery
基于jquery实现彩色投票进度条代码解析
Aug 26 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处理图片变得简单 基于gb库的图片处理类附实例代码下载
2011/05/17 PHP
PHP和Shell实现检查SAMBA与NFS Server是否存在
2015/01/07 PHP
mac下多个php版本快速切换的方法
2016/10/09 PHP
用jQuery简化JavaScript开发分析
2009/02/19 Javascript
非常棒的10款jQuery 幻灯片插件
2011/06/14 Javascript
table对象中的insertRow与deleteRow使用示例
2014/01/26 Javascript
jQuery中extend函数的实现原理详解
2015/02/03 Javascript
jquery实现顶部向右伸缩的导航区域代码
2015/09/02 Javascript
基于javascript实现图片滑动效果
2016/05/07 Javascript
实例讲解JavaScript中instanceof运算符的用法
2016/06/08 Javascript
使用jQuery实现两个div中按钮互换位置的实例代码
2017/09/21 jQuery
Spring boot 和Vue开发中CORS跨域问题解决
2018/09/05 Javascript
详解webpack打包后如何调试的方法步骤
2018/11/07 Javascript
JavaScript简单实现的仿微博留言功能示例
2019/01/17 Javascript
js 实现ajax发送步骤过程详解
2019/07/25 Javascript
VUE实现图片验证码功能
2020/11/18 Javascript
uniapp实现可以左右滑动导航栏
2020/10/21 Javascript
Vue3 响应式侦听与计算的实现
2020/11/11 Javascript
Django中的cookie和session
2019/08/27 Python
python自动结束mysql慢查询会话的实例代码
2019/10/27 Python
wxPython+Matplotlib绘制折线图表
2019/11/19 Python
用python画一只可爱的皮卡丘实例
2019/11/21 Python
python名片管理系统开发
2020/06/18 Python
解决Keras中CNN输入维度报错问题
2020/06/29 Python
Python 如何创建一个线程池
2020/07/28 Python
localStorage 设置过期时间的方法实现
2018/12/21 HTML / CSS
法国二手手袋、手表和奢侈珠宝购物网站:Collector Square
2018/07/05 全球购物
德国高尔夫商店:Par71.de
2020/11/29 全球购物
什么是SQL Server的确定性函数和不确定性函数
2016/08/04 面试题
药学专业大专生的自我评价
2013/12/12 职场文书
忠诚奉献演讲稿
2014/09/12 职场文书
自主招生自荐信怎么写
2015/03/24 职场文书
2016年安全月活动总结
2016/04/06 职场文书
python中的None与NULL用法说明
2021/05/25 Python
如何正确理解python装饰器
2021/06/15 Python
nginx日志格式分析和修改
2022/04/28 Servers