jQuery はイベントの冗長性を減らすためにイベント委任を通じて複数のイベントを一度にバインドします_jquery

').hide().appendTo('body');
vartipTitle = '';
$('#mytable').bind('mouseover', function(event) {
var $link = $(event.target).closest('a');
if ($link.length) {
var link = $link[0]; link.title;
link.title = '';
$('#livetip').css({
上:event.pageY 12,
left:event.pageX 12
})
.html('')
.show()
};
}).bind('mouseout', function(event) {
var $link = $(event.target).closest('a');
if ($link.length) {
$link.attr('タイトル',tipTitle);
$('#livetip').hide();
}).bind('mousemove', function(event) {
var $link = $(event.target).closest('a');
if ( $link.length) {
$('#livetip').css({
上:event.pageY 12,
left:event.pageX 12
});
}); 5|6、18|19、および 24|25 は、同じコード部分を複数回使用して、イベント オブジェクトが存在するかどうかを判断します。これは、コード効率とコード ファイル サイズの点で不合理な方法です。

2. イベント委任: 複数のイベントを一度にバインドし、イベント カテゴリに従って対応する操作を委任します。

上記のコードをより最適化するために、イベント委任を通じてコードを変更できます。最終的なコードは次のとおりです。