javascript - 我不明白 $(this) jQuery 对象是如何工作的

Question

我正在学习 jquery 的工作原理，到目前为止一切进展顺利，但我陷入了 $(this) 对象。这是我不太理解的代码部分。

$(".photos").on("mouseenter", "li", function(){

$(this).closest(".photos").find("span").slideToggle();


});

$(this) 指的是具有 photos 类的元素 ( $(".photos") ) 或位于具有 photos 类的元素内部的 li(s) ？

Answer 1

在事件处理程序中，this 是鼠标移入的 li，因此 $(this) 只是该单个元素。

因为它是一个委托(delegate)事件处理程序，所以“li”过滤器会应用于冒泡到 .photos 元素的所有 mouseenter 事件。然后，它将函数/处理程序应用于导致事件的每个匹配元素(这将是鼠标下的单个LI)。