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
Sep 24 Javascript
JavaScript入门教程(6) Window窗口对象
Jan 31 Javascript
document.getElementById方法在Firefox与IE中的区别
May 18 Javascript
jquery.validate使用攻略 第一部
Jul 01 Javascript
Jquery 点击按钮显示和隐藏层的代码
Jul 25 Javascript
给文字加上着重号的JS代码
Nov 12 Javascript
gridview生成时如何去掉style属性中的border-collapse
Sep 30 Javascript
jQuery Mobile页面返回不需要重新get
Apr 26 Javascript
javascript创建对象的几种模式介绍
May 06 Javascript
微信小程序 在线支付功能的实现
Mar 14 Javascript
详解如何提高 webpack 构建 Vue 项目的速度
Jul 03 Javascript
vue3.0 CLI - 2.1 -  component 组件入门教程
Sep 14 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 采集心得技巧
2009/05/15 PHP
PHP高级编程实例:编写守护进程
2014/09/02 PHP
php使用PDO下exec()函数查询执行后受影响行数的方法
2017/03/28 PHP
PHP校验15位和18位身份证号的类封装
2018/11/07 PHP
基于jQuery的实现简单的分页控件
2010/10/10 Javascript
JavaScript中的this关键字介绍与使用实例
2013/06/21 Javascript
JS使用ajax从xml文件动态获取数据显示的方法
2015/03/24 Javascript
jQuery使用removeClass方法删除元素指定Class的方法
2015/03/26 Javascript
原生js实现addclass,removeclass,toggleclasss实例
2016/11/24 Javascript
浅析script标签中的defer与async属性
2016/11/30 Javascript
JS实战篇之收缩菜单表单布局
2016/12/10 Javascript
Bootstrap CSS布局之图像
2016/12/17 Javascript
使用jquery判断一个元素是否含有一个指定的类(class)实例
2017/02/12 Javascript
jQuery实现jQuery-form.js实现异步上传文件
2017/04/28 jQuery
前端必备插件之纯原生JS的瀑布流插件Macy.js
2017/11/22 Javascript
用vue2.0实现点击选中active其他选项互斥的效果
2018/04/12 Javascript
详解Vue中使用Echarts的两种方式
2018/07/03 Javascript
对angularJs中自定义指令replace的属性详解
2018/10/09 Javascript
Vue props中Object和Array设置默认值操作
2020/07/30 Javascript
[01:00:53]2018DOTA2亚洲邀请赛3月29日 小组赛B组 iG VS Secret
2018/03/30 DOTA
python使用cPickle模块序列化实例
2014/09/25 Python
Python实现的批量下载RFC文档
2015/03/10 Python
用Python操作字符串之rindex()方法的使用
2015/05/19 Python
浅谈Python单向链表的实现
2015/12/24 Python
给你选择Python语言实现机器学习算法的三大理由
2017/11/15 Python
python使用xslt提取网页数据的方法
2018/02/23 Python
Tensorflow中使用tfrecord方式读取数据的方法
2018/06/19 Python
Python Socket编程之多线程聊天室
2018/07/28 Python
Python openpyxl读取单元格字体颜色过程解析
2019/09/03 Python
大都会艺术博物馆商店:The Met Store
2018/06/22 全球购物
警察先进个人事迹材料
2014/05/16 职场文书
党课心得体会范文
2014/09/09 职场文书
2015教师年度工作总结范文
2015/04/07 职场文书
旷工辞退通知书
2015/04/17 职场文书
MySQL基础(二)
2021/04/05 MySQL
如何使用CocosCreator对象池
2021/04/14 Javascript