jquery获取img的src值实例介绍
简简单单的一句话,如下:
<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获取img的src值的简单实例
简简单单的一句话,如下: <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=&quo
-
jQuery修改li下的样式以及li下的img的src的值的方法
jQuery如何修改li下的样式,以及修改li下的img的src的值,下面是具体的实现代码,需要的朋友可以看看 $(".test li").click(function() { $(".test li a").removeClass("test01"); $(".test li a").addClass("test02"); $("a", this).removeClass("
-
Jquery获取和修改img的src值的方法
获取: 复制代码 代码如下: $("#imgId")[0].src; 修改: 复制代码 代码如下: $("#imgId").attr('src',path);
-
jquery img src 获取实现代码
请"运行代码"后刷新一次. jquery img src怎么取 $(function(){ alert($(".imglogo").attr("src")); }) [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
-
Jquery动态改变图片IMG的src地址示例
复制代码 代码如下: <div id="login_1_3a"> <a onfocus=this.blur() href="javascript:void(0)" class="l-button" style="width:80px" onclick='log_1()'> <img onfocus=this.blur() id="img_a" border=0 align=&q
-
jquery获取img的src值实例介绍
简简单单的一句话,如下: <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="
-
jquery获取自定义属性(attr和prop)实例介绍
$("form").attr("check"); $("form").prop("check"); 两种都可以,不过新版jquery推荐第二种,两个在其他方面都差不多,我发现的唯一不同就是在checkbox上的时候,需要用prop,不然IE浏览器会不兼容 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat=&
-
jquery获取一组checkbox的值(实例代码)
如下所示: 复制代码 代码如下: $("#btn5").click(function() { var str=""; $("[name='checkbox'][checked]").each(function() '用来获取数组{ str+=$(this).val()+","; '用来遍历数组 //alert($(this).val()); })
-
jquery获取当前元素索引值用法实例
本文实例讲述了jquery获取当前元素索引值用法.分享给大家供大家参考.具体如下: 今天在做促销页面的图片轮转效果时,下方页码的左边需要对应显示图片的说明信息,效果如下: 思路: 页面部分当为当前状态的时候,会添加"active"样式. 通过获取 li class="active" 的索引值,对应找到相应的图片说明信息,显示出来. 解决: 通过jquery的 index() 可以很轻松的实现该效果. 代码如下: HTML: <div id="caro
-
jquery获取css的color值返回RGB的方法
本文实例讲述了jquery获取css的color值返回RGB的方法.分享给大家供大家参考,具体如下: css代码如下: a, a:link, a:visited { color:#4188FB; } a:active, a:focus, a:hover { color:#FFCC00; } js代码如下: var link_col = $("a:link").css("color"); alert(link_col); // returns rgb(65, 136,
-
jQuery获取checkbox选中的值
1.问题背景 有几个多选框,选择其中的几个,获取选中的值 2.设计结果如下图所示: 3.设计源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
-
jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法
如下所示: 喜欢<input type="radio" name="likea" id="" value="3" /> 一般<input type="radio" name="likea" id="" value="2" /> 不喜欢<input type="radio" name="li
-
Jquery获取第一个子元素简单实例
如获取id为divId的div下的第一个子div $("#divId").children("div").get(0) 但得到的是一个dom对象,如果要得到Jquery对象,要使用 $($("#divId").children("div").get(0)) 以上这篇Jquery获取第一个子元素简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.
-
jQuery获取checkboxlist的value值的方法
CheckboxList是服务器控件,绑定数据容易,服务器端获取选中值也容易.但是生成的静态页面居然没有ListItem的Value值,所以默认情况下用js在页面中是取不到ListItem的值的.至于为什么不显示value值,我也不清楚,本篇给出一个用jQuery获取checkboxlist值的方法. 先看看原始的页面html代码: <asp:CheckBoxList runat="server" ID="listTest"> </asp:Chec
随机推荐
- jquery 学习之一 对象访问
- Java,JSP,Servlet获取当前工程路径(绝对路径)问题解析
- iOS 使用 socket 实现即时通信示例(非第三方库)
- 深度定制Python的Flask框架开发环境的一些技巧总结
- Ubuntu VMware出现提示No 3D support is available的解决方法
- Python的Flask框架及Nginx实现静态文件访问限制功能
- go语言制作的zip压缩程序
- 用ASP设计购物推车
- PHP new static 和 new self详解
- AJAX 支持搜索引擎问题分析
- xml 解析类
- jQuery EasyUI之DataGrid使用实例详解
- jQuery插件HighCharts实现的2D条状图效果示例【附demo源码下载】
- 一个实现字体大中小方法的JavaScript代码
- 在线竞拍系统的PHP实现框架(一)
- java设计模式学习之工厂方法模式
- C#简单读写txt文件的方法
- Android实现圆角矩形和圆形ImageView的方式
- FF下 用 col 隐藏表格列的方法详解!
- 在Linux系统下上传项目到码云的方法