jquery - ホバー ハンドラーを TD 要素にアタッチし、将来適用される可能性のあるクラス セレクターでフィルター処理する方法

Question

.foo私のテーブルには、ユーザーがデータを操作する過程でクラス が割り当てられる TD 要素がいくつかあります。テーブルには数百のセルが含まれる場合があり、.fooクラスを取得できるのはそのうちの 10 個だけです。hoverこれらの特定の TD 要素をリッスンしたいと思います。jQuery の delegate() メソッドはJavaScriptイベントをリッスンしているように見えますhoverが、jQueryイベントはそうですか? 将来クラスが割り当てられるhover要素TD.fooをリッスンするデリゲートを作成する方法は?.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
});