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制作input提示内容(兼容IE8以上)
Jul 05 jQuery
jQuery Ajax 实现分页 kkpager插件实例代码
Aug 10 jQuery
关于jQuery里prev()的简单操作代码
Oct 27 jQuery
jQuery进阶实践之利用最优雅的方式如何写ajax请求
Dec 20 jQuery
jQuery实现的页面详情展开收起功能示例
Jun 11 jQuery
jQuery中常用动画效果函数知识点整理
Aug 19 jQuery
jquery实现二级导航下拉菜单效果实例
May 14 jQuery
jquery实现垂直无限轮播的方法分析
Jul 16 jQuery
jQuery实现移动端下拉展现新的内容回弹动画
Jun 24 jQuery
jQuery编写QQ简易聊天框
Aug 27 jQuery
jQuery实现计算器功能
Oct 19 jQuery
jquery插件实现图片悬浮
Apr 16 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+oracle 分页类
2006/10/09 PHP
支持oicq头像的留言簿(一)
2006/10/09 PHP
php实现登陆模块功能示例
2016/10/20 PHP
解析PHP之提取多维数组指定列的方法
2017/01/03 PHP
javascript call和apply方法
2008/11/24 Javascript
node.js中的buffer.fill方法使用说明
2014/12/14 Javascript
JavaScript中创建对象的模式汇总
2016/04/19 Javascript
使用HTML5+Boostrap打造简单的音乐播放器
2016/08/05 Javascript
基于JQuery及AJAX实现名人名言随机生成器
2017/02/10 Javascript
JS库之Highlight.js的用法详解
2017/09/13 Javascript
JS 仿支付宝input文本输入框放大组件的实例
2017/11/14 Javascript
详解微信小程序调起键盘性能优化
2018/07/24 Javascript
如何使用 vue + d3 画一棵树
2018/12/03 Javascript
Vue将页面导出为图片或者PDF
2020/08/17 Javascript
Jquery动态列功能完整实例
2019/08/30 jQuery
layui table 列宽百分比显示的实现方法
2019/09/28 Javascript
js实现轮播图效果 z-index实现轮播图
2020/01/17 Javascript
javascript运行机制之执行顺序理解
2020/08/03 Javascript
python批量修改图片后缀的方法(png到jpg)
2018/10/25 Python
python 猴子补丁(monkey patch)
2019/06/26 Python
Python实现的对一个数进行因式分解操作示例
2019/06/27 Python
python之生产者消费者模型实现详解
2019/07/27 Python
配置python的编程环境之Anaconda + VSCode的教程
2020/03/29 Python
解决jupyter notebook 前面书写后面内容消失的问题
2020/04/13 Python
更新升级python和pip版本后不生效的问题解决
2020/04/17 Python
python中有函数重载吗
2020/05/28 Python
修理厂厂长岗位职责
2014/01/30 职场文书
交通事故赔偿协议书
2014/04/15 职场文书
小学生国庆节演讲稿
2014/09/05 职场文书
企业2014年度工作总结
2014/12/10 职场文书
2014年小学美术工作总结
2014/12/20 职场文书
教师年度考核个人总结
2015/02/12 职场文书
订货会主持词
2015/07/01 职场文书
什么是创业计划书?什么是商业计划书?这里一一解答
2019/07/12 职场文书
编写python程序的90条建议
2021/04/14 Python
mysql 联合索引生效的条件及索引失效的条件
2021/11/20 MySQL