jquery - 如何处理元素的任何子元素(在任何级别)

Question

我有这个代码:

<div class="fascia">
    <div class="elements">
        <h3 class="titolo"><a href="/link">Title</a></h3>
        <div class="desc"><a href="/link">Desc</a></div>
    </div>
    <a id="photo" href="/link">&nbsp;</a>
</div>

现在我想在每次将光标悬停在fascia的每个元素上时发出“警报”，我该怎么做？

Answer 1

假设我正确理解了您的问题，您只需将 mouseover 事件处理程序绑定(bind)到 .fascia 即可。由于 DOM 事件通过 DOM 向上冒泡，子级上的 mouseover 事件将向上冒泡到 .fascia 并触发处理程序:

$(".fascia").mouseover(function() {
    alert("Mouse over!"); 
});

根据评论进行编辑

如果您希望事件仅绑定(bind)到 .fascia 的子级，而不是 .fascia 本身，则可以使用 children方法:

$(".fascia").children().mouseover(function() {
    alert("Mouse over!"); 
});