Jquery 将类添加到子元素，但不添加到父元素

我想一次向一个元素添加一个类。该元素可能是也应用了单击事件的父元素的子元素。将类只添加到子元素而不添加到父元素的最佳方法是什么。下面是一个示例，单击子div并查看该类也被添加到所有父元素中。我可以想出一些方法来做到这一点，但我想确保我使用的是最好的解决方案。基本上，我只希望将该类添加到单击的元素中，而不考虑其具有相同类的父类

---

我认为你的问题在于“冒泡”。
下面是这个“泡泡”魔法如何工作的精彩解释。
“冒泡和捕捉”文章：

您的解决方案是使用

returnfalse停止“冒泡”在单击处理程序的末尾：

$(".element").on("click", function() {
    $(this).addClass("active"); 
    return false;
});

尝试在addClass（）之后的单击处理程序末尾使用“return false；”停止“冒泡”。它可以工作，但不知道它是如何工作的。怎么还假；阻止父元素上的其他事件处理程序被触发，但不阻止单击的事件处理程序？
$(".element").on("click", function() {
    $(this).addClass("active"); 
    return false;
});