как подключить обработчик hover к элементам TD, фильтруя селектор классов, который может быть применен в будущем

Question

В моей таблице будет несколько элементов TD, которым присваивается класс .foo во время работы пользователя с данные. В таблице может быть несколько сотен ячеек, и только десяток из них могут получить класс .foo. Я хочу прослушивать hover по этим конкретным элементам TD. Похоже, что метод delegate() в jQuery прослушивает javascript событий, тогда как hover - это событие jQuery, так ли это? Как создать делегата для прослушивания hover на TD.foo элементах, которые будут присвоены классу .foo в будущем ?

Answer 1

delegate не рекомендуется для использования в новой JQuery, вы должны использовать on

По JQuery 1.7, .delegate() была заменена .on() метод.

$('#table').on('mouseenter mouseleave', 'td.foo', function(e) { 
    if(e.type === 'mouseenter') { 
     //hover in 
    } else { 
     //hover out 
    } 
}); 

Answer 2

$("#tblId").on("hover", ".foo", function() { 
    // Code here 
});