首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

jquery怎么img的src属性

2013-01-01 
jquery如何img的src属性本帖最后由 luguo1024802 于 2012-12-04 09:31:48 编辑下面有两句jquery语句。为何

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","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";                                             }); 

热点排行