jQuery addClass onClick

它必须是jQuery元素才能使用 .addClass() $() 这样地:

function addClassByClick(button){
  $(button).addClass("active")
}

更好的整体解决方案是不引人注目的脚本,例如:

<asp:Button ID="Button" runat="server" class="clickable"/>

然后在jquery中:

$(function() {                       //run when the DOM is ready
  $(".clickable").click(function() {  //use a class, since your ID gets mangled
    $(this).addClass("active");      //add the class to the clicked element
  });
});

$('#Button').click(function(){
    $(this).addClass("active");
});

这样,您就不必使用 onclick

$(document).ready(function() {
    $('#Button').click(function() {
        $(this).addClass('active');
    });
});

应该会成功的。 除非你用ajax加载按钮。 在这种情况下,您可以:

$('#Button').live('click', function() {...

$('#button').click(function(){
    $(this).addClass('active');
});

试着让你的css更具体,这样新的(绿色)样式比上一个更具体,这样它就适合我了!

例如,您可以在css中使用:

button:active {/*your style here*/}

而不是(可能不起作用):

.active {/*style*/} (.active is not a pseudo-class)