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 20 jQuery
jQuery实现动态给table赋值的方法示例
Jul 04 jQuery
jquery实现限制textarea输入字数的方法
Sep 06 jQuery
深入浅析angular和vue还有jquery的区别
Aug 13 jQuery
jQuery实现的点击图片居中放大缩小功能示例
Jan 16 jQuery
jQuery插件实现非常实用的tab栏切换功能【案例】
Feb 18 jQuery
JS实现点击生成UUID的方法完整实例【基于jQuery】
Jun 12 jQuery
jQuery Datatables 动态列+跨列合并实现代码
Jan 30 jQuery
JQuery插件tablesorter表格排序实现过程解析
May 28 jQuery
jquery+ajax实现异步上传文件显示进度条
Aug 17 jQuery
JavaScript枚举选择jquery插件代码实例
Nov 17 jQuery
jQuery实现购物车全功能
Jan 11 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
ThinkPHP模板判断输出Defined标签用法详解
2014/06/30 PHP
基于PHP实现邮箱验证激活过程详解
2020/10/28 PHP
JQuery 常用操作代码
2010/03/14 Javascript
jQuery实现等比例缩放大图片让大图片自适应页面布局
2013/10/16 Javascript
js继承call()和apply()方法总结
2014/12/08 Javascript
纯JS实现本地图片预览的方法
2015/07/31 Javascript
学习Javascript面向对象编程之封装
2016/02/23 Javascript
javascript 数组的定义和数组的长度
2016/06/07 Javascript
利用Node.js对文件进行重命名
2017/03/12 Javascript
nodejs个人博客开发第三步 载入页面
2017/04/12 NodeJs
Vue v-for循环之@click点击事件获取元素示例
2019/11/09 Javascript
[01:21]2018DOTA2亚洲邀请赛4.5采访 打DOTA2也能有女朋友?
2018/04/06 DOTA
零基础写python爬虫之爬虫编写全记录
2014/11/06 Python
Windows上使用Python增加或删除权限的方法
2018/04/24 Python
python爬虫框架scrapy实现模拟登录操作示例
2018/08/02 Python
python根据txt文本批量创建文件夹
2020/12/08 Python
使用Python-OpenCV向图片添加噪声的实现(高斯噪声、椒盐噪声)
2019/05/28 Python
简单了解python中的f.b.u.r函数
2019/11/02 Python
pytorch::Dataloader中的迭代器和生成器应用详解
2020/01/03 Python
python requests包的request()函数中的参数-params和data的区别介绍
2020/05/05 Python
Python dict的常用方法示例代码
2020/06/23 Python
教你使用Sublime text3搭建Python开发环境及常用插件安装另分享Sublime text3最新激活注册码
2020/11/12 Python
python利用xpath爬取网上数据并存储到django模型中
2021/02/26 Python
css3截图_动力节点Java学院整理
2017/07/11 HTML / CSS
一款纯css3制作的2015年元旦雪人动画特效教程
2014/12/29 HTML / CSS
简单整理HTML5的基本特性和语法
2016/02/18 HTML / CSS
PAUL HEWITT手表美国站:德国北部时尚生活配饰品牌,船锚元素
2017/11/18 全球购物
Armor Lux法国官方网站:水手服装、成衣和内衣
2020/05/26 全球购物
介绍一下SOA和SOA的基本特征
2016/02/24 面试题
工作交流会欢迎词
2014/01/12 职场文书
2014年营业员工作总结
2014/11/18 职场文书
2015年反腐倡廉工作总结
2015/05/14 职场文书
2015年教师节新闻稿
2015/07/17 职场文书
南阳市白酒市场的调查报告
2019/11/08 职场文书
Python字符串对齐方法使用(ljust()、rjust()和center())
2021/04/26 Python
Python Pygame实战之塔防游戏的实现
2022/03/17 Python