jquery如何更改img的src属性
下面有两句jquery语句。
为何那句更改src属性的语句不起作用?
请问错在哪里?
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>无标题页</title> <link href="StyleSheet.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="jquery-1.6.2.min.js"></script> </head> <body> <div> <div id="Slider"> <div id="Menu0"> <div class="Header"> <span>系统任务</span> <img name="headerimg" src="image/xpcollapse1_s.gif" alt="" /> </div> <div class="Content"> <ul> <li><a href="#" id="SysInfo"><span>查看系统信息</span></a></li> <li><a href="#" id="SysUninstall"><span>添加/删除程序</span></a></li> <li><a href="#" id="SysControl"><span>更改一个设置</span></a></li> </ul> </div> </div> <div id="Menu1"> <div class="Header"> <span>其他位置</span> <img name="headerimg" src="image/xpcollapse1_s.gif" alt="" /> </div> <div class="Content"> <ul> <li><a href="#" id="NetWork"><span>网上邻居</span></a></li> <li><a href="#" id="MyDocument"><span>我的文档</span></a></li> <li><a href="#" id="SharedDocument"><span>共享文档</span></a></li> <li><a href="#" id="ControlPanel"><span>控制面板</span></a></li> </ul> </div> </div> <div id="Menu2"> <div class="Header" > <span>详细信息</span> <img name="headerimg" src="image/xpcollapse1_s.gif" alt="" /> </div> <div class="Content" style="height: 40px;"> <ul> <li><a href="#"><span><strong>我的电脑</strong></span></a></li> <li><a href="#"><span>系统文件夹</span></a></li> </ul> </div> </div> </div> <script type="text/javascript"> $("img").click(function(){ $(this).parent().next().toggle(); //下面这句就是问题所在------------------------------------------------------------ $(this).attr("src")=$(this).parent().next().is(":hidden")?"image/xpexpand1_s.gif":"image/xpcollapse1_s.gif"; }); </script> </body> </html>
$(this).attr("src","xxx.jpg") //attr 是这样用的
$(this).attr("src",($(this).parent().next().is(":hidden")?"image/xpexpand1_s.gif":"image/xpcollapse1_s.gif");
$(this).attr("src")=$(this).parent().next().is(":hidden")?"image/xpexpand1_s.gif":"image/xpcollapse1_s.gif";
});
你这个错误 不是= 而是这样
$(this).attr("src","xxx.jpg")
前面一个参数 是属性名,后面是属性值 ,如果你直写一个代码获取当前img的src,写二个就是赋值
那句改成这样看看
this.src=$(this).parent().next().is(":hidden")?"image/xpexpand1_s.gif":"image/xpcollapse1_s.gif"; });