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 zTree树插件动态加载实例代码
May 11 jQuery
jQuery Validate 校验多个相同name的方法
May 18 jQuery
jQuery Pagination分页插件_动力节点Java学院整理
Jul 17 jQuery
Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解
Aug 01 jQuery
jQuery实现标签子元素的添加和赋值方法
Feb 24 jQuery
通过jquery.cookie.js实现记住用户名、密码登录功能
Jun 20 jQuery
jquery分页插件pagination使用教程
Oct 23 jQuery
Jquery实现无缝向上循环滚动列表的特效
Feb 13 jQuery
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
Jul 03 jQuery
jquery实现简单拖拽效果
Jul 20 jQuery
jQuery实现带进度条的轮播图
Sep 13 jQuery
jQuery实现回到顶部效果
Oct 19 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网页病毒清除类
2014/12/08 PHP
PHP使用array_merge重新排列数组下标的方法
2015/07/22 PHP
Zend Framework入门教程之Zend_Db数据库操作详解
2016/12/08 PHP
Eclipse PHPEclipse 配置的具体步骤
2017/08/08 PHP
用js实现的检测浏览器和系统的函数
2009/04/09 Javascript
jquery 合并内容相同的单元格(示例代码)
2013/12/13 Javascript
一个简单的jQuery计算器实现了连续计算功能
2014/07/21 Javascript
javascript学习笔记(七)Ajax和Http状态码
2014/10/08 Javascript
JavaScript常用的返回,自动跳转,刷新,关闭语句汇总
2015/01/13 Javascript
PHP 数组current和next用法分享
2015/03/05 Javascript
js实现头像图片切割缩放及无刷新上传图片的方法
2015/07/17 Javascript
JS中JSON对象和String之间的互转及处理技巧
2016/04/06 Javascript
解决bootstrap导航栏navbar在IE8上存在缺陷的方法
2016/07/01 Javascript
JS获取当前使用的浏览器名字以及版本号实现方法
2016/08/19 Javascript
关于在vue-cli中使用微信自动登录和分享的实例
2017/06/22 Javascript
React native ListView 增加顶部下拉刷新和底下点击刷新示例
2018/04/27 Javascript
vue地址栏直接输入路由无效问题的解决
2018/11/15 Javascript
Vue唯一可以更改vuex实例中state数据状态的属性对象Mutation的讲解
2019/01/18 Javascript
在vue中动态添加class类进行显示隐藏实例
2019/11/09 Javascript
Vue项目页面跳转时浏览器窗口上方显示进度条功能
2020/03/26 Javascript
使用python搭建Django应用程序步骤及版本冲突问题解决
2013/11/19 Python
Python中利用函数装饰器实现备忘功能
2015/03/30 Python
解决Django模板无法使用perms变量问题的方法
2017/09/10 Python
Django连接数据库并实现读写分离过程解析
2019/11/13 Python
python socket通信编程实现文件上传代码实例
2019/12/14 Python
使用openCV去除文字中乱入的线条实例
2020/06/02 Python
Python使用shutil模块实现文件拷贝
2020/07/31 Python
如何利用input事件来监听移动端的输入
2016/04/15 HTML / CSS
台湾饭店和机票预订网站:Expedia台湾
2016/08/05 全球购物
VC++笔试题
2014/10/13 面试题
命名空间(namespace)和程序集(Assembly)有什么区别
2015/09/25 面试题
医生实习工作总结的自我评价
2013/09/27 职场文书
毕业生多媒体设计求职信
2013/10/12 职场文书
MIME类型中application/xml与text/xml的区别介绍
2022/01/18 HTML / CSS
yolov5返回坐标的方法实例
2022/03/17 Python
MySQL数据库实验实现简单数据库应用系统设计
2022/06/21 MySQL