jQueryの記述方法を変えた

jQuery
スポンサーリンク

割と初歩的なことだと思いますが、jQueryの書き方を最近変えたので、メモ。

今までの書き方

今まではこういう感じで書いていました。後から見返した時に、カッコがたくさんあって見づらいですね。

$('.element').on('mouseover', function(){
    //ここに処理
}).on('mouseout', function(){
    //ここに処理
}).on('click', function(){
    //ここに処理
});

最近始めた書き方

今までの書き方と動作は同じですが、書き方が違っています。この書き方の方がタブが揃っていて見やすいと思うのですが、いかがでしょうか?

$('.element').on({
'mouseover': function(){
//ここに処理
},
'mouseout': function(){
//ここに処理
},
'click': function(){
//ここに処理
}
});