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表单设置值的方法
Jun 30 jQuery
jQuery实现火车票买票城市选择切换功能
Sep 15 jQuery
jQuery使用zTree插件实现可拖拽的树示例
Sep 23 jQuery
jQuery幻灯片插件owlcarousel参数说明中文文档
Feb 27 jQuery
jQuery实现的点击图片居中放大缩小功能示例
Jan 16 jQuery
jQuery表单元素过滤选择器用法实例分析
Feb 20 jQuery
jQuery事件blur()方法的使用实例讲解
Mar 30 jQuery
jquery validate 实现动态增加/删除验证规则操作示例
Oct 28 jQuery
jquery使用echarts实现有向图可视化功能示例
Nov 25 jQuery
jQuery实现弹幕特效
Nov 29 jQuery
jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
Jun 02 jQuery
jQuery实现简单轮播图效果
Dec 27 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
2个Codeigniter文件批量上传控制器写法例子
2014/07/25 PHP
Windows下的PHP 5.3.x安装 Zend Guard Loader教程
2014/09/06 PHP
教你在PHPStorm中配置Xdebug
2015/07/27 PHP
Yii实现微信公众号场景二维码的方法实例
2020/08/30 PHP
JQuery 1.3.2以上版本中出现pareseerror错误的解决方法
2011/01/11 Javascript
关于setInterval、setTimeout在jQuery中的使用注意事项
2011/09/28 Javascript
javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
2015/05/13 Javascript
简单学习JavaScript中的for语句循环结构
2015/11/10 Javascript
javascript实现别踩白块儿小游戏程序
2015/11/22 Javascript
jQuery表单验证插件解析(推荐)
2016/07/21 Javascript
JS设置手机验证码60s等待实现代码
2017/06/14 Javascript
jQuery之动画ajax事件(实例讲解)
2017/07/18 jQuery
详解Node.js读写中文内容文件操作
2018/10/10 Javascript
Vue请求JSON Server服务器数据的实现方法
2018/11/02 Javascript
微信小程序实现日历功能
2018/11/27 Javascript
在移动端使用vue-router和keep-alive的方法示例
2018/12/02 Javascript
微信小程序实现同时上传多张图片
2020/02/03 Javascript
JS字符串和数组如何实现相互转化
2020/07/02 Javascript
python版本五子棋的实现代码
2018/12/11 Python
python批量获取html内body内容的实例
2019/01/02 Python
浅谈python3.6的tkinter运行问题
2019/02/22 Python
Python-for循环的内部机制
2020/06/12 Python
浅谈Keras参数 input_shape、input_dim和input_length用法
2020/06/29 Python
Fossil美国官网:化石手表、手袋、首饰及配饰
2019/02/17 全球购物
中软Java笔试题
2012/11/11 面试题
学生会主席竞聘书
2014/03/31 职场文书
分公司总经理岗位职责
2014/08/03 职场文书
高中美术教师事迹材料
2014/08/22 职场文书
干部四风问题整改措施思想汇报
2014/10/13 职场文书
银行贷款收入证明
2014/10/17 职场文书
上甘岭观后感
2015/06/10 职场文书
小学生大队委竞选稿
2015/11/20 职场文书
一篇文章告诉你如何实现Vue前端分页和后端分页
2022/02/18 Vue.js
css3带你实现3D转换效果
2022/02/24 HTML / CSS
nginx代理实现静态资源访问的示例代码
2022/07/07 Servers
Nginx跨域问题解析与解决
2022/08/05 Servers