点击jQuery中的按钮

Question

我有一个在单击特定元素时调用的函数

$(".clickThis").click(function() {

}

我想添加一个HTML按钮，点击它时也可以调用此函数

<input type="button" value="Cancel">

我是否需要为其添加一个类名，或者是否有一种方法可以将其作为目标？

我可以添加第二个触发器来调用我的函数，如下所示：

$(".clickThis, button").click(function() {

Answer 1

添加ID会更好，更快。类似的东西：

<input id="cancelButton" type="button" value="Cancel"> 

然后

$(".clickThis, #cancelButton").click(function(){ 
  //Your Code here..
});

如果您想在不更改HTML的情况下调用它，请尝试以下操作：

$(".clickThis, :button[value='Cancel']").click(function(){ 
  //Your Code here..
});

Answer 2

是的，你可以这样做： - ）

look here for info abt jQuery mult selectors

所以你可以这样做：

$(".clickThis, input:button").click(function() {

Answer 3

使用

$(".clickThis, input[type='button']")

现在你的方式它将匹配<button> - 元素，而不是类型为“button”的输入

Answer 4

你可以使用“，”显示jquery选择器的联合，如你所示。

但是，正如评论（和其他答案）中所指出的，button本身不是选择器。

为了代码的可维护性，最好给你的按钮一个id并使用它 - 或者将clickThis类分配给按钮。

Answer 5

你也可以创建一个按钮元素，给它一个类：

<button class="clicksy">Click Me!</button>

然后编写一个函数来获取点击并执行以下操作：

$("button.clicksy").click(function(){
      /* do stuff */
});