jQuery多按钮单击变色

这个小特效代码很简单，就不多做说明了，直接奉上源码。

<!DOCtype html>
<HTML>
<head>
    <meta charset="UTF-8">
    <title>JQuery多按钮单击变色 - Web前端之家</title>
    <style type="text/CSS">
        .start
        {
            cursor:pointer;
            color:Green;   
        }
        .end
        {
            Cursor:pointer;
            color:Red;
        }
    </style>
</head>
<body>
<span onclick="dj(this)">LoveOne</span>
<span onclick="dj(this)">LoveTwo</span>
<span onclick="dj(this)">LoveThree</span>
<span onclick="dj(this)">LoveFour</span>
<script src="/demo/JS/jQuery-2.2.4.min.js" type="text/javascript"></script>
<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>
</body>
</html>