Question

使用jquery或mvc3帮助程序操作，是否有更好的（更新）替代以下标准onbuttonclick（）调用javascript函数？

<button onclick="javascript:AddNew()" title="ad action">Add</button>

Answer 1

使用JQuery ...

<button id="buttonID" title="ad action">Add</button> 

$('#buttonID').click(function() {
  alert('click called.');
});

Answer 2

对于特定按钮，请使用StressChicken的答案。对于更一般的情况，您想要处理属于某个类的任何按钮 - 或者匹配任何选择器 - 请参阅jQuery的on函数。请注意，这也适用于动态添加的内容。

$(document).on("click", ".selectorClass", function() {
  alert('click called.');
});

请注意，此函数需要jQuery 1.7

Answer 3

当按钮不止一个时，我们可以为它们添加一些类，只需添加一行代码就可以逐个调用它们，比如

<button class="mybtn">I'm Clikced 1</button>
<button class="mybtn">I'm Clikced 2</button>
<button class="mybtn">I'm Clikced 3</button>
<button class="mybtn">I'm Clikced 4</button>

和Jquery看起来像这样

$(function(){
  $("button.mybtn").click(function(){
     var value = $(this).text();
     alert(value);
  });
});

Answer 4

使用JQuery会更好。

添加

$（'＃button'）。click（function（）{ alert（'Function called。'）; }）;

按钮onclick（）替代使用jquery或mvc3动作？

4 个答案: