javascript - 单击然后取消单击 jquery 按钮不起作用

标签 javascript jquery css

我正在尝试制作一个按钮,单击它会改变它的颜色,然后再单击它会返回到它的原始形式。 类似点击和未点击的东西。

我加了个JSfiddle给大家看看。 https://jsfiddle.net/dw5y5xLx/3/

$('.genM').click(function() {

$('.genM').removeClass('selected');


$(this).addClass('selected');

});

谢谢!

还有,有没有办法只使用 CSS HTML 来做到这一点?

谢谢。

最佳答案

$('.genM').click(function() {
    $(this).toggleClass('selected');
});

我已经为你更新了 js fiddle,请检查(https://jsfiddle.net/dw5y5xLx/15/)!

关于javascript - 单击然后取消单击 jquery 按钮不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45276101/

相关文章:

javascript - 使用键盘箭头禁用元素滚动

JQuery UI 编码噩梦

html - 导轨 : Cocoon gem add and remove fields

css - 为什么网格间隙中的百分比值会在 CSS 网格中造成溢出?

c# - CSS和JS总是返回404本地

javascript - 为什么我的 javascript 函数应该返回 false 时却返回 true

javascript - 无法使用 Jquery/Javascript 和 css 动态附加选项元素

javascript - 如何在 Laravel 中限制与管理相关的 AngularJs Controller ?

javascript - 如何使用 javascript 或 jquery 去除样式效果?

javascript - saveTable函数怎么写?