jQuery良好編碼慣例

Question

假設我將事件處理程序委托給類“ .btn”的元素，並且每個具有類“ .btn”的元素都將與另一個類關聯，以指示其是哪種按鈕。 例如：

<div class=".btn show">text</div>

將是一個顯示事物的按鈕。

如果我有一百萬個這樣的案例，這將是一個好習慣嗎？

$(document).ready(function() {
    $('table').on('click', '.btn', function() {
        if ($(this).hasClass('show')) {
             show something ... 
        } else if ($(this).hasClass('submit')) {
             submit something ...
        } else if ($(this).hasClass('foo')) {
             do something ...
        }

也就是說，對於每種按鈕，我是否應該具有不同的事件處理程序（每個按鈕的功能有所不同）：

 $('.btn .show').click(function() {
     show something ...
 });

還是應該使用一系列if else語句檢查與hasClass（）相關的類？ 為什么？

Answer 1

我認為您應該使用if..else if鏈，因為它會使您的代碼易於理解，而且在調用當前元素的click事件時，它應該更快