jQueryの記述方法を変えた

2014.5.4

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

今までの書き方

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

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

最近始めた書き方

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

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