jquery 如何取消与增加classname

[wchunge]

<div id="list">
<span id="s1">aa</span>
<span id="s2">bb</span>
<span id="s3">cc</span>
</div>

需要的结果：当点 s1时，增加classname，s2,s3不变，
当点 s2时，s1去除calssname,s2增加classname，s3不变
以此类推

谢谢！

[孟子E章]

http://api.jquery.com/removeClass/
http://api.jquery.com/addClass/

[varkychan]

$('#list span').click(function(){
$(this).siblings().removeClass('classname').end().addClass('classname');
});

[shan1119]

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
    $(function(){
        $("#list span").click(function(){
            $("#list span").removeClass("cls")
            $(this).addClass("cls")
        });
    });
</script>
<style type="text/css">
    .cls {border:1px solid black;}
</style>


<div id="list"> 
  <span id="s1">aa </span> 
  <span id="s2">bb </span> 
  <span id="s3">cc </span> 
</div>