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插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】
Mar 22 jQuery
jquery实现异步加载图片(懒加载图片一种方式)
Apr 24 jQuery
使用jQuery实现动态添加小广告
Jul 11 jQuery
jQuery 利用ztree实现树形表格的实例代码
Sep 27 jQuery
jQuery实现仿京东防抖动菜单效果示例
Jul 06 jQuery
jQuery实现菜单的显示和隐藏功能示例
Jul 24 jQuery
Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
Aug 09 jQuery
jQuery实现参数自定义的文字跑马灯效果
Aug 15 jQuery
jQuery实现基本隐藏与显示效果的方法详解
Sep 05 jQuery
Jquery实现获取子元素的方法分析
Aug 24 jQuery
javascript(基于jQuery)实现鼠标获取选中的文字示例【测试可用】
Oct 26 jQuery
JS实现选项卡插件的两种写法(jQuery和class)
Dec 30 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
查找mysql字段中固定字符串并替换的几个方法
2012/09/23 PHP
PHP Curl模拟登录微信公众平台、新浪微博实例代码
2016/01/28 PHP
thinkphp在php7环境下提示Cannot use ‘String’ as class name as it is reserved的解决方法
2016/09/30 PHP
Prototype使用指南之base.js
2007/01/10 Javascript
JQuery Easyui Tree的oncheck事件实现代码
2010/05/28 Javascript
jquery.cvtooltip.js 基于jquery的气泡提示插件
2010/11/19 Javascript
30分钟就入门的正则表达式基础教程
2013/02/25 Javascript
firefox下jquery ajax返回object XMLDocument处理方法
2014/01/26 Javascript
js实现class样式的修改、添加及删除的方法
2015/01/20 Javascript
跟我学习javascript解决异步编程异常方案
2015/11/23 Javascript
JS实现仿百度文库评分功能
2017/01/12 Javascript
NodeJS、NPM安装配置步骤(windows版本) 以及环境变量详解
2017/05/13 NodeJs
JavaScript中使用Async实现异步控制
2017/08/15 Javascript
Nodejs使用archiver-zip-encrypted库加密压缩文件时报错(解决方案)
2019/11/18 NodeJs
[01:23:59]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 VP vs Secret
2018/04/03 DOTA
[51:53]完美世界DOTA2联赛循环赛 LBZS vs DM BO2第二场 11.01
2020/11/02 DOTA
Python中内置的日志模块logging用法详解
2016/07/12 Python
python僵尸进程产生的原因
2017/07/21 Python
python 请求服务器的实现代码(http请求和https请求)
2018/05/25 Python
python使用pipeline批量读写redis的方法
2019/02/18 Python
python 将有序数组转换为二叉树的方法
2019/03/26 Python
python 正则表达式贪婪模式与非贪婪模式原理、用法实例分析
2019/10/14 Python
如何在python中执行另一个py文件
2020/04/30 Python
如何更换python默认编辑器的背景色
2020/08/10 Python
用C语言实现文件读写操作
2013/10/27 面试题
Android面试题附答案
2014/12/08 面试题
大二学生学习个人自我评价
2014/01/19 职场文书
幼儿教师国培感言
2014/02/19 职场文书
行政部岗位职责范本
2014/03/13 职场文书
党的群众路线教育实践活动个人对照检查材料(公安)
2014/11/05 职场文书
结婚堵门保证书
2015/05/08 职场文书
求职自我评价参考范文
2019/05/16 职场文书
golang fmt格式“占位符”的实例用法详解
2021/07/04 Golang
java调用Restful接口的三种方法
2021/08/23 Java/Android
Oracle 死锁的检测查询及处理
2021/09/25 Oracle
mysql函数之截取字符串的实现
2022/08/14 MySQL