我的jQuery手动实现类切换效果的替代方案不生效，问题出在哪？

你的代码逻辑本身没有语法错误，切换不生效的核心原因是单次点击会触发两次你写的切换回调：
你给.category-wrapper绑定了点击事件，但是容器内部的<label>和隐藏的单选框做了关联，点击<label>时会自动触发对应<input>的点击行为，而<input>属于.category-wrapper的子元素，点击事件冒泡后会再次触发容器的点击回调，两次切换操作相互抵消，最终类名回到初始状态，看起来就像没生效。
你单独写removeClass逻辑时能生效，刚好对应这个特性：两次回调都执行移除类操作，无论执行多少次最终都会把对应类删掉，所以能看到效果。

方案1：直接阻止事件冒泡（适配你原有切换逻辑） #

不需要修改HTML和CSS，仅调整JS代码即可，你还可以直接用jQuery内置的toggleClass方法简化原有的if/else逻辑，两者效果完全等价：

$('.category-wrapper').click(function(e) {
    $(this).toggleClass("category-deselected");
    // 阻止事件冒泡，避免重复触发回调
    e.stopPropagation();
});

方案2：绑定单选框change事件（更适配单选互斥场景） #

如果你使用的是单选框组件，本身存在选中互斥的特性，绑定change事件逻辑更合理，可以实现选中某一项时自动取消其他项的选中样式：

$('.poller-category-radio').change(function() {
    // 所有选项统一置为未选中样式
    $('.category-wrapper').addClass('category-deselected');
    // 当前选中项改为选中样式
    $(this).closest('.category-wrapper').removeClass('category-deselected');
});

内容的提问来源于stack exchange，提问作者JSRB