日期:2014-05-16  浏览次数:20417 次

这种需求如何用jquery写
本帖最后由 ziluopao2014 于 2014-04-30 00:29:48 编辑
有若干 div 他们的 都只有一个class 名字叫btn,现在我想在点击任何一个div时,增加一个id 名字叫bn,并且再点击别的div时,已增加的id被删除,不知如何写呢?
我是想点那个那个就红

即使鼠标离开也是红的

再点一个也是这样,

但只能被点的是红的

其他的都是灰的

下面是源码包 下载地址:http://pan.baidu.com/s/1pJyijCv
------解决方案--------------------
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />
    <script type="text/javascript" src="http://files.cnblogs.com/wangdetian168/jquery-1.4.2.min.js"></script>
     <script type="text/javascript">
        $(function(){
            $('.btn').each(function(){
                
                $(this).click(function(){
                    
                    $('.btn').removeAttr('id');//删除全部的id
                    $(this).attr('id','bn');//只对点击的添加id
                })

            })
        })
     </script>
</head>
<body>
<div class='btn'>aaa</div><div class='btn'>aaa</div><div class='btn'>aaa</div><div class='btn'>aaa</div><div class='btn'>aaa</div>
</body>
</html>