jquery 多按钮单击变色入门例子

<script type="text/javascript">
//加载事件
$(function () {
    var collection = $(".flag");
    $.each(collection, function () {
$(this).addclass("start");
    });
});
//单击事件
function dj(dom) {
    var collection = $(".flag");
    $.each(collection, function () {
$(this).removeclass("end");
$(this).addclass("start");
    });
    $(dom).removeclass("start");
    $(dom).addclass("end");
}
</script>

<style type="text/css">
.start
{
    cursor:pointer;
    color:green;   
}
.end
{
    cursor:pointer;
    color:red;
}
</style>

<span class="flag" onclick="dj(this)">loveone</span>
<span class="flag" onclick="dj(this)">lovetwo</span>
<span class="flag" onclick="dj(this)">lovethree</span>
<span class="flag" onclick="dj(this)">lovefour</span>