javascript - jQuery 添加类 onClick

Question

设置简单；我希望能够在 onClick-event 触发时向按钮添加一个类(在本例中)。我的问题是我还没有找到将按钮本身作为参数传递给函数的方法。我想做这样的事情:

<asp:Button ID="Button" runat="server" onclick="addClassByClick(this)"/>

然后是一个像这样的 JavaScript 函数:

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

我知道我这里有很多错误，但这就是我发帖的原因。我尝试过使用 jQuery 和不使用 jQuery 的不同场景，但最终总是得到一个损坏的解决方案(点击突然停止、未添加类等)，所以我决定询问专业人士。

对我可以尝试什么有什么建议吗？感谢您阅读编辑以及所有帮助!

Answer 1

它需要是一个 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
  });
});