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下判断一个对象是否具有指定名称的属性的的代码
Jan 11 Javascript
JavaScript.The.Good.Parts阅读笔记(二)作用域&amp;闭包&amp;减缓全局空间污染
Nov 16 Javascript
js写一个弹出层并锁屏效果实现代码
Dec 07 Javascript
javascript中几个容易混淆的概念总结
Apr 14 Javascript
使用JavaScript刷新网页的方法
Jun 04 Javascript
Vue2.0使用过程常见的一些问题总结学习
Apr 10 Javascript
JS实现简单拖拽效果
Jun 21 Javascript
Vue写一个简单的倒计时按钮功能
Apr 20 Javascript
JS/HTML5游戏常用算法之路径搜索算法 A*寻路算法完整实例
Dec 14 Javascript
vue-cli history模式实现tomcat部署报404的解决方式
Sep 06 Javascript
微信小程序可滑动月日历组件使用详解
Oct 21 Javascript
编写v-for循环的技巧汇总
Dec 01 Javascript
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
让PHP支持页面回退的两种方法
2008/01/10 PHP
php 异常处理实现代码
2009/03/10 PHP
深入mysql_fetch_row()与mysql_fetch_array()的区别详解
2013/06/05 PHP
jQuery中文入门指南,翻译加实例,jQuery的起点教程
2007/01/13 Javascript
常用简易JavaScript函数
2009/04/09 Javascript
JQuery 学习笔记 选择器之一
2009/07/23 Javascript
javascript 文章截取部分无损html显示实现代码
2010/05/04 Javascript
jQuery学习笔记[1] jQuery中的DOM操作
2010/12/03 Javascript
jQuery EasyUI API 中文文档 - NumberSpinner数值微调器使用介绍
2011/10/21 Javascript
javascript是怎么继承的介绍
2012/01/05 Javascript
Eval and new funciton not the same thing
2012/12/27 Javascript
js变换显示图片的实例
2013/04/16 Javascript
JavaScript常用标签和方法总结
2015/09/01 Javascript
Webpack 实现 AngularJS 的延迟加载
2016/03/02 Javascript
boostrapTable的refresh和refreshOptions区别浅析
2017/01/22 Javascript
JS滚轮控制图片缩放大小和拖动的实例代码
2018/11/20 Javascript
详解如何写出一个利于扩展的vue路由配置
2019/05/16 Javascript
基于vue.js实现购物车
2020/01/15 Javascript
node.js中stream流中可读流和可写流的实现与使用方法实例分析
2020/02/13 Javascript
jquery绑定事件 bind和on的用法与区别分析
2020/05/22 jQuery
[02:36]DOTA2英雄基础教程 帕格纳
2014/01/20 DOTA
Django自定义认证方式用法示例
2017/06/23 Python
CentOS 7下安装Python 3.5并与Python2.7兼容并存详解
2017/07/07 Python
PyQt5每天必学之像素图控件QPixmap
2018/04/19 Python
对pandas数据判断是否为NaN值的方法详解
2018/11/06 Python
python支持多继承吗
2020/06/19 Python
pycharm-professional-2020.1下载与激活的教程
2020/09/21 Python
Python之字典添加元素的几种方法
2020/09/30 Python
Python从MySQL数据库中面抽取试题,生成试卷
2021/01/14 Python
手工制作的意大利礼服鞋:Ace Marks
2018/12/15 全球购物
捐助贫困学生倡议书
2014/05/16 职场文书
解除聘用合同证明书范本
2014/09/11 职场文书
转让协议书范本
2014/09/13 职场文书
为什么说餐饮很难做,是因为你不了解这些新规则
2019/08/20 职场文书
MySQL 常见的数据表设计误区汇总
2021/06/07 MySQL
MySql分区类型及创建分区的方法
2022/04/13 MySQL