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 相关文章推荐
js CSS操作方法集合
Oct 31 Javascript
JavaScript Cookie的读取和写入函数
Dec 08 Javascript
js写的方法实现上传图片之后查看大图
Mar 05 Javascript
jQuery中extend函数详解
Feb 13 Javascript
javascript中setInterval的用法
Jul 19 Javascript
JQuery 在文档中查找指定name的元素并移除的实现方法
May 19 Javascript
10分钟掌握XML、JSON及其解析
Dec 06 Javascript
Angular2 自定义validators的实现方法
Jul 05 Javascript
基于zTree树形菜单的使用实例
Dec 25 Javascript
jquery登录的异步验证操作示例
May 09 jQuery
Vue开发中遇到的跨域问题及解决方法
Feb 11 Javascript
Vue3.0 手写放大镜效果
Jul 25 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
php4的session功能评述(一)
2006/10/09 PHP
解析Linux下Varnish缓存的配置优化
2013/06/20 PHP
php银联网页支付实现方法
2015/03/04 PHP
php计划任务之验证是否有多个进程调用同一个job的方法
2015/12/07 PHP
PHP消息队列用法实例分析
2016/02/12 PHP
Laravel第三方包报class not found的解决方法
2019/10/13 PHP
jQuery的实现原理的模拟代码 -4 重要的扩展函数 extend
2010/08/03 Javascript
基于jquery的返回顶部效果(兼容IE6)
2011/01/17 Javascript
jQuery动画效果-slideUp slideDown上下滑动示例代码
2013/08/28 Javascript
使用js dom和jquery分别实现简单增删改
2014/09/11 Javascript
javascript面向对象之访问对象属性的两种方式分析
2015/01/13 Javascript
Javascript定义类(class)的三种方法详解
2015/03/13 Javascript
javascript匀速运动实现方法分析
2016/01/08 Javascript
基于JavaScript如何制作遮罩层对话框
2016/01/26 Javascript
js去字符串前后空格的实现方法
2016/02/26 Javascript
深入理解MVC中的时间js格式化
2016/05/19 Javascript
Knockout结合Bootstrap创建动态UI实现产品列表管理
2016/09/14 Javascript
Angular路由简单学习
2016/12/26 Javascript
ng2学习笔记之bootstrap中的component使用教程
2017/03/09 Javascript
Angular 表单控件示例代码
2017/06/26 Javascript
Angular6中使用Swiper的方法示例
2018/07/09 Javascript
layer弹出层全屏及关闭方法
2018/08/17 Javascript
angular中两种表单的区别(响应式和模板驱动表单)
2018/12/06 Javascript
解决vue 子组件修改父组件传来的props值报错问题
2019/11/09 Javascript
浅析python 内置字符串处理函数的使用方法
2014/06/11 Python
Python设计模式之适配器模式原理与用法详解
2019/01/15 Python
python+rsync精确同步指定格式文件
2019/08/29 Python
利用python实现后端写网页(flask框架)
2021/02/28 Python
意大利在线购买隐形眼镜网站:VisionDirect.it
2019/03/18 全球购物
工程总经理工作职责
2013/12/09 职场文书
机械设计职业生涯规划书
2013/12/27 职场文书
我的大学生活职业生涯规划
2014/01/02 职场文书
交通违章检讨书
2014/09/21 职场文书
公司车辆管理制度
2015/08/04 职场文书
详解在OpenCV中如何使用图像像素
2022/03/03 Python
台积电称即便经济低迷也没有降价的计划
2022/04/21 数码科技