Блог

У меня есть три кнопки ВСТАВИТЬ, отредактировать и УДАЛИТЬ на странице sample.aspx в приложении .net.Я выполняю некоторые операции на стороне клиента при каждом событии нажатия кнопки, используя jQuery.Какой был бы наилучший подход к написанию кода jQuery с точки зрения производительности.

1.) Должен ли я писать отдельное событие click для каждого нажатия кнопки, как указано ниже

 $("#btnInsert").click(function(){
    //Insertcode
});
$("#btnEdit").click(function(){
    //Edit code
});
$("#btnDelete").click(function(){
    //Delete code
});
  

2.) Должен ли я написать общую функцию, как указано ниже

 $("#btnInsert").click(function(){
    Operation("I")
});
$("#btnEdit").click(function(){
    Operation("E")
});
$("#btnDelete").click(function(){
    Operation("D")
});
function Operation(opType)
{
    if( opType = "I")
    {
        //Insert
    }
    if( opType = "E")
    {
        //Edit
    }
    if( opType = "D")
    {
        //Delete
    }
}
  

3.) Должен ли я использовать событие OnClientClick для каждой кнопки

 <asp:Button ID="btnInsert" runat="server" Text="INSERT" OnClientClick="return Operation("I");" />
<asp:Button ID="btnEdit" runat="server" Text="EDIT" OnClientClick="return Operation("E");" />
<asp:Button ID="btndelete" runat="server" Text="DELETE" OnClientClick="return Operation("D");" />
  

или

Существует ли какой-либо другой метод оптимизации?

Спасибо

Я бы сделал это так, как в вашем первом выборе:

 $("btnInsert").click(function(){
    //Insertcode
});
$("btnEdit").click(function(){
    //Edit code
});
$("btnDelete").click(function(){
    //Delete code
});
  

Вариант 2 кажется мне раздутым. И вариант 3 сводит на нет суть jQuery!