jQueryの構文

Question

jQueryのドキュメントhttp://api.jquery.com/on/で（一つだけの要素にイベントハンドラをアタッチ）次の構文を使用して委任 - イベントのメリットを言及：

$('#mytable').on('click', 'tr.hoverable', function(){ 
    // blah 
}); 

しかし、私は見つけることができません委任されたイベントで複数のイベントを一度に添付するための適切な構文への参照。次のショートカットはありますが、tr.hoverableを委任されたイベントとして使用していますか？

$('#mytable tr.hoverable').on({ 
    mouseenter: function(){ 
     // blah 
    }, 
    mouseleave: function(){ 
     // blah 
    }, 
    click: function(){ 
     // blah 
    } 
}); 

それともこれが唯一のソリューションです...

$('#mytable').on('click', 'tr.hoverable', function(){ 
    // blah 
}).on('mouseenter', 'tr.hoverable', function(){ 
    // blah 
}).on('mouseleave', 'tr.hoverable', function(){ 
    // blah 
}); 

？

Answer 1

$('#mytable').on({ 
    mouseenter: function(){ 
     // blah 
    }, 
    mouseleave: function(){ 
     // blah 
    }, 
    click: function(){ 
     // blah 
    } 
}, '.hoverable'); 

As per this signature：

.on（イベントマップ[セレクタ] [データ]）

また、彼らのように委任するための単一のtagNameを/クラス名/ IDセレクタを好みます最適化する