如何将悬停处理程序附加到 TD 元素，筛选将来可能应用的类选择器

Question

我的表将有许多TD元素，这些元素在用户处理数据的过程中被分配了一个类，.foo。该表可能有几百个单元格，其中只有十几个单元格可以获得.foo类。 我想听听关于这些特定TD元素hover。看起来 jQuery 中的 delegate（） 方法侦听 javascript 事件，而 hover 是一个 jQuery 事件，对吗？ 如何创建一个委托来侦听TD.foo元素的hover，这些元素将来将分配.foo类？

Answer 1

不建议在较新的 jQuery 中使用委托，您应该在

从 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
});