将同一函数绑定到jquery中的不同元素_Jquery

将同一函数绑定到jquery中的不同元素

jquery

将同一函数绑定到jquery中的不同元素,jquery,Jquery,如果我用变量替换id，下面的代码将不起作用。我尝试了不同的组合，但没有成功。我在表单元素上使用。请让我知道，如果有人知道如何得到这项工作。谢谢这项工作： $('#Button1, #Button2').click(function() { // }); 下面是我的示例代码，它不起作用： <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>U

如果我用变量替换id，下面的代码将不起作用。我尝试了不同的组合，但没有成功。我在表单元素上使用。请让我知道，如果有人知道如何得到这项工作。谢谢

这项工作：

$('#Button1, #Button2').click(function() {
// 
});

下面是我的示例代码，它不起作用：

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Untitled Document</title>
<style>
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>                    <script>    
    $(document).ready(function(){
   var Btn1 = $("#buy");
       var Btn2 = $("#preview");        
   $(Btn1, Btn2).click(function(){ console.log("hey");})        
});

</script>
</head>
<body>
  <form>
      <input type="button" value="Preview" id="preview" />
      <input type="button" value="Buy" id="buy" />
  </form>

</body>
</html>


无标题文件
$（文档）.ready（函数（）{
风险值Btn1=$（“买入”）；
var Btn2=$（“预览”）；
$（Btn1，Btn2）。单击（函数（）{console.log（“hey”）；}）
});

您可以连接jQuery元素并在这两个元素上分配单击功能

Btn1.add(Btn2).click(function(){ 
    console.log("hey");
});

更好的解决方案是给按钮设置一些类，然后指定单击按钮：

$('.myButton').click(function() { 
    console.log("hey");
});

您可以连接jQuery元素并在这两个元素上分配click函数

Btn1.add(Btn2).click(function(){ 
    console.log("hey");
});

更好的解决方案是给按钮设置一些类，然后指定单击按钮：

$('.myButton').click(function() { 
    console.log("hey");
});

还可以将函数与事件绑定分离。这可能是一种更先进的强大技术

var my_func = function(){ console.log("hey");}

$("#buy").click(my_func);
$("#preview").click(my_func);

还可以将函数与事件绑定分离。这可能是一种更先进的强大技术

var my_func = function(){ console.log("hey");}

$("#buy").click(my_func);
$("#preview").click(my_func);

更简单的解决方案：）

或者简单地为所有按钮提供公共样式类

 <input type="button" class=".buttonClass" value="Preview" id="preview" />
 <input type="button" class=".buttonClass" value="Buy" id="buy" />

更简单的解决方案：）

或者简单地为所有按钮提供公共样式类

 <input type="button" class=".buttonClass" value="Preview" id="preview" />
 <input type="button" class=".buttonClass" value="Buy" id="buy" />

您将jquery元素放在单独的变量中，并在函数调用中使用这些变量。逗号在解决方案中的作用与预期不同。您可以像$（“#购买，#预览”）这样使用选择器。您的JS代码将如下所示：

    $(document).ready(function(){
       $('#buy, #preview').click(function(){ console.log("hey");})        
    });

    $(document).ready(function(){
       $('#buy, #preview').click(function(){ console.log("hey");})        
    });

旁注：如果不想在错综复杂的jQuery链接方法中迷失方向，那么应该正确缩进代码。旁注：如果不想在错综复杂的jQuery链接方法中迷失方向，那么应该正确缩进代码。