JavaScript中,有不同的按钮调用不同的函数

问题描述:

我有以下格式JavaScript中,有不同的按钮调用不同的函数

$("button1").click(function(){ .... }); 
$("button2").click(function(){ .... }); 

我以为我可以创建一个像这样不同的ID值按键两种不同的功能....

<button id="button1">Button1</button> 
<button id="button2">Button1</button> 

而且那么这个按钮会调用哪个函数具有正确的ID值绑定它...

但由于某种原因,它不工作。难道我做错了什么?有没有不同的方式来做到这一点?

+1

jQuery选择器就像CSS选择器一样工作。记住你的代码。 – elclanrs

+0

@elclanrs尽管它们并不完全相同*一次,它们只查询当前存在于DOM中的元素。当然,Sizzle提供了许多常规CSS选择器没有的扩展,但这是无关紧要的。 '=]' –

$("#button1").click(function(){ .... }); 
$("#button2").click(function(){ .... }); 

你需要#字符要注意在JQuery中

一个id

使用#访问ID:

$('#button1').click... 

和访问类,使用点:

$('.myclass').click(...) 
+1

和带有$('button')的按钮元素... :) –