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用noConflict代替$的实现方法
Apr 12 jQuery
jQuery实现jQuery-form.js实现异步上传文件
Apr 28 jQuery
基于jquery实现多选下拉列表
Aug 02 jQuery
简单实现jQuery上传图片显示预览功能
Jun 29 jQuery
使用jQuery实现两个div中按钮互换位置的实例代码
Sep 21 jQuery
jquery学习笔记之无new构建详解
Dec 07 jQuery
jQuery实现文件编码成base64并通过AJAX上传的方法
Apr 12 jQuery
jQuery.validate.js表单验证插件的使用代码详解
Oct 22 jQuery
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
Feb 20 jQuery
jquery绑定事件 bind和on的用法与区别分析
May 22 jQuery
jQuery弹框插件使用方法详解
May 26 jQuery
Jquery Fade用法详解
Nov 06 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实现小型站点广告管理
2006/10/09 PHP
PHP实现加强版加密解密类实例
2015/07/29 PHP
Gambit vs ForZe BO3 第三场 2.13
2021/03/10 DOTA
JavaScript 封装Ajax传递的数据代码
2009/06/05 Javascript
用javascript模仿ie的自动完成类似自动完成功的表单
2012/12/12 Javascript
用示例说明filter()与find()的用法以及children()与find()的区别分析
2013/04/26 Javascript
JS小功能(操作Table--动态添加删除表格及数据)实现代码
2013/11/28 Javascript
jQuery选择器源码解读(六):Sizzle选择器匹配逻辑分析
2015/03/31 Javascript
表单中单选框添加选项和移除选项
2016/07/04 Javascript
HTML页面定时跳转方法解析(2种任选)
2016/12/22 Javascript
TypeScript开发Node.js程序的方法
2019/04/30 Javascript
layui加载数据显示loading加载完成loading消失的实例代码
2019/09/23 Javascript
nodejs脚本centos开机启动实操方法
2020/03/04 NodeJs
ElementUI 修改默认样式的几种办法(小结)
2020/07/29 Javascript
从表单校验看JavaScript策略模式的使用详解
2020/10/17 Javascript
vue 使用vant插件做tabs切换和无限加载功能的实现
2020/11/04 Javascript
使用Python AIML搭建聊天机器人的方法示例
2018/07/09 Python
python 输出所有大小写字母的方法
2019/01/02 Python
PYQT5实现控制台显示功能的方法
2019/06/25 Python
python中的TCP(传输控制协议)用法实例分析
2019/11/15 Python
详解python datetime模块
2020/08/17 Python
Kathmandu新西兰官网:新西兰户外运动品牌
2019/07/27 全球购物
编程输出如下图形
2013/11/24 面试题
业务员岗位职责
2013/11/16 职场文书
毕业论文评语大全
2014/04/29 职场文书
2014年百日安全生产活动总结
2014/05/04 职场文书
病媒生物防治方案
2014/05/13 职场文书
二人合伙经营协议书
2014/09/13 职场文书
工作失职检讨书(精华篇)
2014/10/15 职场文书
给老婆的道歉信
2015/01/20 职场文书
解除处分决定书
2015/06/25 职场文书
担保书格式范文
2015/09/22 职场文书
三十年再续同学情倡议书
2019/11/27 职场文书
基于PyTorch实现一个简单的CNN图像分类器
2021/05/29 Python
MongoDB支持的数据类型
2022/04/11 MongoDB
python实现学员管理系统(面向对象版)
2022/06/05 Python