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插件FusionCharts绘制2D环饼图效果示例【附demo源码】
Apr 10 jQuery
jQuery滑动到底部加载下一页数据的实例代码
May 22 jQuery
jquery实现一个全局计时器(商城可用)
Jun 30 jQuery
jQuery Ajax 实现分页 kkpager插件实例代码
Aug 10 jQuery
jQuery实现用户信息表格的添加和删除功能
Sep 12 jQuery
jQuery实现的淡入淡出与滑入滑出效果示例
Apr 18 jQuery
深入浅析angular和vue还有jquery的区别
Aug 13 jQuery
jQuery中$原理实例分析
Aug 13 jQuery
使用jquery的cookie实现登录页记住用户名和密码的方法
Mar 13 jQuery
JavaScript实现的滚动公告特效【基于jQuery】
Jul 10 jQuery
jQuery 选择器用法基础入门示例
Jan 04 jQuery
jquery实现手风琴案例
May 04 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下打开URL地址的几种方法小结
2010/05/16 PHP
php获取参数的几种方法总结
2014/02/18 PHP
PHP使用Alexa API获取网站的Alexa排名例子
2014/06/12 PHP
ThinkPHP中的三大自动简介
2014/08/22 PHP
PHP中error_log()函数的使用方法
2015/01/20 PHP
jsTree树控件(基于jQuery, 超强悍)[推荐]
2009/09/01 Javascript
JS实现随机化快速排序的实例代码
2013/08/01 Javascript
javascript常见用法总结
2014/05/22 Javascript
JS判断是否360安全浏览器极速内核的方法
2015/01/29 Javascript
javascript中的五种基本数据类型
2015/08/26 Javascript
javascript中的正则表达式使用详解
2015/08/30 Javascript
深入理解setTimeout函数和setInterval函数
2016/05/20 Javascript
AngularJS开发教程之控制器之间的通信方法分析
2016/12/25 Javascript
JavaScript中String对象的方法介绍
2017/01/04 Javascript
React 组件转 Vue 组件的命令写法
2018/02/28 Javascript
修改Nodejs内置的npm默认配置路径方法
2018/05/13 NodeJs
微信小程序拍照和摄像功能实现方法示例
2019/02/01 Javascript
vue.js实现二级菜单效果
2019/10/19 Javascript
vue3 源码解读之 time slicing的使用方法
2019/10/31 Javascript
在weex中愉快的使用scss的方法步骤
2020/01/02 Javascript
uni-app如何页面传参数的几种方法总结
2020/04/28 Javascript
Python线程的两种编程方式
2015/04/14 Python
使用Python的PIL模块来进行图片对比
2016/02/18 Python
Python中对象的引用与复制代码示例
2017/12/04 Python
Python基于TCP实现会聊天的小机器人功能示例
2018/04/09 Python
python实现扫描日志关键字的示例
2018/04/28 Python
Python3远程监控程序的实现方法
2019/07/15 Python
python中列表的切片与修改知识点总结
2019/07/23 Python
Python多叉树的构造及取出节点数据(treelib)的方法
2019/08/09 Python
python集成开发环境配置(pycharm)
2020/02/14 Python
员工培训心得体会
2013/12/30 职场文书
2015年乡镇工作总结范文
2015/04/22 职场文书
离婚案件原告代理词
2015/05/23 职场文书
个人收入证明范本
2015/06/12 职场文书
立春观后感
2015/06/18 职场文书
2019财务管理制度最新范本!
2019/07/09 职场文书