jquery获取img的src值的简单实例


Posted in Javascript onMay 17, 2016

简简单单的一句话,如下:

<img id="test" 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($('#test'));

2、alert($('#test').src);

把”~“去掉后,等于是把智能提示去掉了,之后引用的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>

使用$('#test').src语句不会出错,但获取不到img的地址。

1、alert($('#test'));  提示[object Object]。

2、alert($('#test').src);  提示undefined。

最后,使用 $('#test')[0].src才能够获取到img的地址。(还没有进行深入的研究,现在还是只知道现象。)

以上这篇jquery获取img的src值的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Javascript 文件夹选择框的两种解决方案
Jul 01 Javascript
JavaScript ( (__ = !$ + $)[+$] + ({} + $)[_/_] +({} + $)[_/_] )
Feb 25 Javascript
js控制鼠标事件移动及移出效果显示
Oct 19 Javascript
javascript实现图像循环明暗变化的方法
Feb 25 Javascript
JQuery显示隐藏DIV的方法及代码实例
Apr 16 Javascript
javascript高级编程之函数表达式 递归和闭包函数
Nov 29 Javascript
简要了解jQuery移动web开发的响应式布局设计
Dec 04 Javascript
jQuery ajax分页插件实例代码
Jan 27 Javascript
jQuery密码强度验证控件使用详解
Jan 05 Javascript
bootstrap组件之按钮式下拉菜单小结
Jan 19 Javascript
js仿微信公众平台打标签功能
Apr 08 Javascript
vue+vant实现购物车全选和反选功能
Nov 17 Vue.js
jQuery Mobile框架中的表单组件基础使用教程
May 17 #Javascript
浅谈Javascript数组(推荐)
May 17 #Javascript
jQuery 获取屏幕高度、宽度的简单实现案例
May 17 #Javascript
javascript css红色经典选项卡效果实现代码
May 17 #Javascript
JS获取IMG图片高宽的简单实例
May 17 #Javascript
简单的分页代码js实现
May 17 #Javascript
Js获取图片原始宽高的实现代码
May 17 #Javascript
You might like
超强分页类2.0发布,支持自定义风格,默认4种显示模式
2007/01/02 PHP
PHP数组的交集array_intersect(),array_intersect_assoc(),array_inter_key()函数的小问题
2011/05/29 PHP
thinkPHP模板中函数的使用方法示例
2016/11/30 PHP
php实现连接access数据库并转txt写入的方法
2017/02/08 PHP
Laravel框架生命周期与原理分析
2018/06/12 PHP
yii2的restful api路由实例详解
2019/05/14 PHP
TP5框架使用QueryList采集框架爬小说操作示例
2020/03/26 PHP
PHP替换Word中变量并导出PDF图片的实现方法
2020/11/26 PHP
JQuery 网站换肤功能实现代码
2009/11/02 Javascript
jQuery文件上传插件Uploadify使用指南
2014/06/05 Javascript
原生javascript实现DIV拖拽并计算重复面积
2015/01/02 Javascript
JavaScript File API实现文件上传预览
2016/02/02 Javascript
json定义及jquery操作json的方法
2016/10/03 Javascript
Angularjs分页查询的实现
2017/02/24 Javascript
vue组件详解之使用slot分发内容
2018/04/09 Javascript
Node+OCR实现图像文字识别功能
2018/11/26 Javascript
JavaScript Array对象基本方法详解
2019/09/03 Javascript
小程序实现长按保存图片的方法
2019/12/31 Javascript
JavaScript适配器模式原理与用法实例详解
2020/03/09 Javascript
vue实现一个获取按键展示快捷键效果的Input组件
2021/01/13 Vue.js
python如何实现内容写在图片上
2018/03/23 Python
python3.6中@property装饰器的使用方法示例
2019/08/17 Python
Python Process多进程实现过程
2019/10/22 Python
pytorch 求网络模型参数实例
2019/12/30 Python
pytorch 自定义卷积核进行卷积操作方式
2019/12/30 Python
Python3爬虫关于代理池的维护详解
2020/07/30 Python
Python request中文乱码问题解决方案
2020/09/17 Python
css3实现背景图片拉伸效果像桌面壁纸一样
2013/08/19 HTML / CSS
大学生毕业求职自荐书范文
2014/02/04 职场文书
亮化工程实施方案
2014/03/17 职场文书
服装设计专业毕业生求职信
2014/04/09 职场文书
大学学风建设方案
2014/05/04 职场文书
2014年统计工作总结
2014/11/21 职场文书
工程技术员岗位职责
2015/04/11 职场文书
2015年度质量工作总结报告
2015/04/27 职场文书
法律意见书范本
2015/06/04 职场文书