jQuery removeClass（）有时可以工作，但有时不能'；T

我正试图进一步理解jQuery。我正在尝试从复选框中清除类“活动”。按钮组中有两个复选框。见下面的代码：

<!--    MAIN BODY       -->
<div id="container">
    <div id="row">
        <div class="col-md-1">
            <div id="" class="btn-group" role="group" >
                <div class="btn-group" data-toggle="buttons">
                    <label class="btn btn-primary active" id = "clear" >
                    <input type="checkbox" id="cbclear" name="tool_option_myCanvas" data-tool="clear" data-toggle="tooltip" data-placement="bottom" title="title"> 
                    <span class="fa fa-undo"></span>
                    </label>
                    <label class="btn btn-primary" id = "btn2" >
                    <input type="checkbox" name="tool_option_myCanvas" data-tool="fg" data-toggle="tooltip" data-placement="bottom" title="title"> 
                    <span class="fa fa-eraser"></span>
                </label></div>
            </div>
        </div>
    </div>
</div>
<script>

(function($) {

    $("#btn2").click(function() {
        $("#clear").removeClass("active");
    });
    $('#clear').click(function() {
        $("#clear").removeClass("active");
}); 
})(jQuery);

“btn主活动”类已删除。那么，当我点击“清除”按钮时，为什么我不能删除活动类呢？我的最终目标是在单击“活动”按钮时删除“活动”类

我用了这个：

---

单击“清除”按钮也会按预期删除活动类！如果您在单击

btn2

之后单击

Clear

，那么当然不会发生任何事情，因为

活动的

类已经被删除，仍然看不到它

    $('#clear').click(function() {
        $("#clear").removeClass("btn-primary active");
}); 

    $('#clear').click(function(event) {
        event.stopImmediatePropagation();
        $("#clear").removeClass("active");
});