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.masonry瀑布流效果
May 25 jQuery
jquery实现下拉菜单的手风琴效果
Jul 23 jQuery
简单实现jquery隔行变色
Nov 09 jQuery
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
Nov 09 jQuery
关于jquery layui弹出层的使用方法
Apr 21 jQuery
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
Jun 14 jQuery
Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在
Jan 18 jQuery
jquery操作checkbox的常用方法总结【附测试源码下载】
Jun 10 jQuery
jQuery实现聊天对话框
Feb 08 jQuery
jQuery 选择方法及$(this)用法实例分析
May 19 jQuery
JQuery使用数组遍历跳出each循环
Sep 01 jQuery
jQuery实现容器间的元素拖拽功能
Dec 01 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中计算中文字符串长度、截取中文字符串的函数代码
2011/08/09 PHP
Php-Redis安装测试笔记
2015/03/05 PHP
ThinkPHP框架表单验证操作方法
2017/07/19 PHP
提高Laravel应用性能方法详解
2019/06/24 PHP
Aster vs KG BO3 第三场2.19
2021/03/10 DOTA
又一个小巧的图片预加载类
2007/05/05 Javascript
JS+CSS制作DIV层可(最小化/拖拽/排序)功能实现代码
2013/02/25 Javascript
可兼容IE的获取及设置cookie的jquery.cookie函数方法
2013/09/02 Javascript
jquery定时滑出可最小化的底部提示层特效代码
2013/10/02 Javascript
纯JS实现根据CSS的class选择DOM
2014/03/22 Javascript
jQuery监听文件上传实现进度条效果的方法
2016/10/16 Javascript
Javascript仿京东放大镜的效果
2017/03/01 Javascript
Bootstrap Multiselect 常用组件实现代码
2017/07/09 Javascript
BootstrapTable加载按钮功能实例代码详解
2017/09/22 Javascript
js中this对象用法分析
2018/01/05 Javascript
使用vue官方提供的模板vue-cli搭建一个helloWorld案例分析
2018/01/16 Javascript
element ui 表格动态列显示空白bug 修复方法
2018/09/04 Javascript
微信小程序实现选项卡效果
2018/11/06 Javascript
JS中使用cavas截图网页并解决跨域及模糊问题
2018/11/13 Javascript
Electron + vue 打包桌面操作流程详解
2019/06/24 Javascript
bootstrap table列和表头对不齐的解决方法
2019/07/19 Javascript
基于JavaScript实现单例模式
2019/10/30 Javascript
JavaScript文档加载模式以及元素获取
2020/07/28 Javascript
python实现ip查询示例
2014/03/26 Python
python3+PyQt5 创建多线程网络应用-TCP客户端和TCP服务器实例
2019/06/17 Python
python循环嵌套的多种使用方法解析
2019/11/29 Python
浅析canvas元素的html尺寸和css尺寸对元素视觉的影响
2019/07/22 HTML / CSS
玩具反斗城西班牙网上商城:ToysRUs西班牙
2017/01/19 全球购物
个人自我鉴定范文
2013/10/04 职场文书
中学生校园广播稿
2014/01/16 职场文书
办公室员工岗位工作职责
2014/03/10 职场文书
社区服务标语
2014/07/01 职场文书
小学生一分钟演讲稿
2014/08/26 职场文书
见习报告怎么写
2014/10/31 职场文书
学校教代会开幕词
2016/03/04 职场文书
MySql数据库 查询时间序列间隔
2022/05/11 MySQL