jQuery：哪個元素觸發了功能？

Question

我有一些縮略圖，當鼠標懸停在縮略圖上時，會在邊框上設置動畫。 調用document.ready()時，我使用hover()來分配功能。 我想要的是一種在用戶單擊的圖像上禁用此動畫效果的方法。 它具有不同的類別。 因此，我正計划通過使動畫功能包括一個檢查功能來檢查這一點，以查看所討論的拇指是否具有該其他類。 如果沒有，請繼續； 如果是這樣，則什么都不做。 但是要做到這一點，我需要知道哪個縮略圖（它們具有唯一的ID）觸發了該功能。 想法？

謝謝！

Answer 1

$('.thumbs').hover(function(){
    if ($(this).hasClass('clicked')) return;
      //animate here
});

Answer 2

您可以獲取事件的目標元素，如下所示：

$(".foo").hover(function(e) {
    alert(e.target.id);
    alert(e.target.tagName);
    $(e.target).find(".blahblah").hide();
    // etc.
}, function(e) {
   ...
});

Answer 3

您可以通過編寫一個排除該類的live處理程序

$('selector:not(.someClass)').live({
    mouseenter: function() {

    }, 
    mouseleave: function() {

    }
});