jquery - 按钮触发活动事件时如何更改类

Question

触发活动事件时如何更改按钮上的类？

就像是：

$("#invitation button").mouseover(function() {
    $(this).addClass("ui-state-hover");
}).mouseout(function() {
    $(this).removeClass("ui-state-hover");
});

但对于“活动”事件。

Answer 1

更清洁：

$("#invitation").on('mousedown mouseup', 'button', function(){
    $(this).toggleClass("your-class");
});

请参阅http://api.jquery.com/on/on()上的文档

Answer 2

$("#invitation button").mouseover(function() {
    $(this).addClass("ui-state-hover");
});
$("#invitation button").mouseout(function() {
    $(this).removeClass("ui-state-hover");
});

更改活动类别（单击）

$("#invitation button").mousedown(function() {
    $(this).addClass("your-class");
});
$("#invitation button").mouseup(function() {
    $(this).removeClass("your-class");
});