jquery如何img的src属性
本帖最后由 luguo1024802 于 2012-12-04 09:31:48 编辑 下面有两句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="jquery怎么img的src属性" />
</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="jquery怎么img的src属性" />
</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="jquery怎么img的src属性" />
</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",($(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"; });