当单击两个不同的按钮时,jQuery调用相同的函数

当单击两个不同的按钮时,jQuery调用相同的函数,jquery,function,Jquery,Function,我有一个类为try的按钮,当它被单击时,有一个函数正在被调用,现在我想创建一个名为start的按钮,它也会这样做,我不想在按钮单击处理程序中复制粘贴整个代码,有没有一种方法可以说如果尝试或开始在jquery中执行以下操作?我假设,既然你说了一个名为开始的按钮,那么开始就是id。这就是为什么我使用而不是来引用它 $('.try, #start').click(function(e){ YourFunction(); }); 如果类为start,则使用此选项#表示id,而表示类 $('.t

我有一个类为
try
的按钮,当它被单击时,有一个函数正在被调用,现在我想创建一个名为
start
的按钮,它也会这样做,我不想在按钮单击处理程序中复制粘贴整个代码,有没有一种方法可以说如果
尝试
开始
在jquery中执行以下操作?

我假设,既然你说了
一个名为开始
的按钮,那么
开始
就是id。这就是为什么我使用
而不是
来引用它

$('.try, #start').click(function(e){
    YourFunction();
});
如果类为
start
,则使用此选项
#
表示id,而
表示类

$('.try, .start').click(function(e){
    YourFunction();
});
只要做:

$('#start, .try').on('click', function(){ // both of them
   myFunction();
});
或:


或者只需在单击中调用您的函数:

function myClickFunction(){
   // your code ...
}

$('#start').on('click',function(){
   myClickFunction();
});

将处理程序代码移动到命名函数并绑定命名函数

function someFunction() {
}

$('.try').on('click', someFunction);
$('.start').on('click', someFunction);
或者在一行中

$('.try, .start').on('click', someFunction);
假设两个按钮具有不同的类:

<button class='try'>try</button>
<button class='start'>start</button>
试试看
开始
如果使用一个类,则更容易:

<button class='trystart'>try</button>
<button class='trystart'>start</button>

$('.trystart').click(function(){
//do your thing here
});
试试看
开始
$('.trystart')。单击(函数(){
//在这里做你的事
});

2个单独的调用,而不是使用
$('.try,#start')
选择器?有什么原因吗?写得太多了,@Dutchie432最简单answer@Dutchie432尽管如此,我还是更新了我的帖子,把它放在一行。我个人更喜欢把它分成两行,因为它看起来更清晰。@Grigor与其说是书写,不如说是一种偏好。再说一次,可能只有我一个人。顺便说一句,对于你的情况,我的建议是。@Vega如果你可以写得少一些,做得多一些,我认为没有理由不写,另一个方法也更干净。它不是一个函数,它是在单击按钮时执行的代码,我不能放入函数,而不是使用我的第二个示例<代码>$('#start')。在('click',function(){$('.try')。click();//trigger.try action})这将触发
.fun
元素中的代码,就像您实际单击了
。试试看!有趣。
<button class='try'>try</button>
<button class='start'>start</button>
<button class='trystart'>try</button>
<button class='trystart'>start</button>

$('.trystart').click(function(){
//do your thing here
});