如何仅在子元素上激发JQuery事件？

我的HTML代码是这样的

<div>
    <p>Parent Element</p>

    <div>
        <p>Child Element</p>
    </div>
</div>

它会按预期广告和删除边框，但每当我将鼠标悬停在子元素上时，它也会将边框添加到父元素。我只需要悬停的最后一个元素就可以得到边界。有什么想法可以实现这一点吗？

您需要使用stopPropagation来阻止子级将事件传递给链中的父级

function Hovers(e) {
    border = $(this).css('border');
    $(this).css('border', '1px dashed black');
    e.stopPropagation(); // <--- add this
}

您需要使用StopRopAgation停止子项，以将事件传递给链中的父项

function Hovers(e) {
    border = $(this).css('border');
    $(this).css('border', '1px dashed black');
    e.stopPropagation(); // <--- add this
}

可能的重复可能的重复