首页 新闻 会员 周边

关于样式问题

0
[已解决问题] 解决于 2013-04-09 00:04

有很多个div,我点击一个div样式发生变化,再点击下个div样式也变化,上一个div样式还原,也就是相互变换,你点我我变,他还原,点他他变,我还原

zyxh的主页 zyxh | 菜鸟二级 | 园豆:201
提问于:2013-04-03 10:04
< >
分享
最佳答案
0

$("div").click(function(event){

$("div").removeClass("class1").addClass("class2");

$(event.target).removeClass("class2").addClass("class1");

});

奖励园豆:5
飞来飞去 | 老鸟四级 |园豆:2057 | 2013-04-03 10:56

不得行啊

zyxh | 园豆:201 (菜鸟二级) | 2013-04-03 15:20
<html>
<head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("div").click(function(event){
                $("div").removeClass("class1").addClass("class2");
                $(event.target).removeClass("class2").addClass("class1");
            });
        });
    </script>
    <style>
        .class1{background-color:green;}
        .class2{background-color:yellow;}
    </style>
</head>
<body>
    <div id="div1">hehe</div>
    <br />
    <div id="div2">haha</div>
    <br />
    <div id="div3">hoho</div>
    <br />    
</body>
</html>

经测试没问题啊

@zyxh: 

飞来飞去 | 园豆:2057 (老鸟四级) | 2013-04-03 15:42
其他回答(1)
0

你可以给一个鼠标单击事件,click或者onmouseover时触发你想要的变化样式,当鼠标移出onmouseout时改变成之前的样式

http://www.cnblogs.com/QLJ1314/archive/2012/08/04/2623027.html   这个是我之前写过的表格的样式,不过可以给你个参考的思路希望对你有所帮助

妍珊 | 园豆:1169 (小虾三级) | 2013-04-03 10:36
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册