jqueryは多くのクリック機能を書いているだけではありません。

Question

jquery onclickの機能に関する質問があります。質問はバグではありません。私はjqueryのを使用して、いくつかのボタンのクリック機能を書くとき 、私は例えば、jqueryのをたくさん書きしている：

$(document).ready(function(){ 
    $('#dp1').datepicker({ 
      format: 'yyyy-mm-dd' 
    }); 
    $('#dp2').datepicker({ 
      format: 'yyyy-mm-dd' 
    }); 

    $("#addNewQ").on('click', function(){ 
     ....... 
    }); 
    $('#addNew').on('click', function(){ 
     ....... 
    }); 
    $('#addText').on('click', function(){ 
     ....... 
    }); 

}); 

私の質問はこれより良いの書き方をします。私はたくさんのクリック機能を書いたくありません。

私はGoogleにしようとしていますが、そのキーワードはわかりません。ありがとう！

Answer 1

これらのクリックイベントで同じ機能が実行されている場合は、複数の要素にクラスを与えて使用できます。たとえば、あなたの日付ピッカーはclass="datepicker"はちょうどその1つのイベントリスナーが必要になる、それらに追加した可能性：これらのクリックイベントのそれぞれが異なる機能を実行する場合

$('.datepicker').datepicker({ 
     format: 'yyyy-mm-dd' 
}); 

はしかし、その後、あなたが持っているのがベストですそれぞれ異なるクリックイベントリスナー

しかし、これは、1つの長いDOM準備関数でクリックイベントリスナーをリストする必要はありません。 JavascriptのOOPを使用すると、クリックイベントをより適切に整理できます。

あなたはJavascript OOPを参照この記事はあなたのためのいくつかの使用を持って見つけることがあります。

http://net.tutsplus.com/tutorials/javascript-ajax/the-basics-of-object-oriented-javascript/