Альтернатива кнопке onclick () с использованием действий jquery или mvc3?

Question

Есть ли лучшая (более современная) альтернатива следующему стандартному вызову onbuttonclick () функции javascript с использованием вспомогательных действий jquery или mvc3?

<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

когда у кнопки более одной, мы можем добавить к ним некоторый класс и просто добавить строку кода, чтобы вызывать их один за другим, например

<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 3

Для конкретной кнопки используйте ответ StressChicken. В более общем случае, когда вы хотите обработать любую кнопку, принадлежащую определенному классу или соответствующую любому селектору, смотрите функцию on в jQuery. Обратите внимание, что это также будет работать с динамически добавляемым контентом.

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

Обратите внимание, что для этой функции требуется jQuery 1.7

.

Answer 4

С использованием JQuery было бы лучше.

Добавить

$ ('# button'). Click (function () {alert ('Function call.');});