Jquery 如何隐藏任何DOM元素

我想隐藏单击的任何元素。例如，如果单击了

，它应该隐藏，或者如果单击了

，它应该隐藏。我尝试使用：

$(document).ready(function(){
    $("*").click(function(){
        $(this).hide();
    });
});

但是，如果单击一个元素，则会隐藏所有元素

---

如何实现我描述的内容？

事件将使DOM冒泡，直到到达

文档，然后所有内容都隐藏起来。您可以通过对事件使用
stopPropagation
停止冒泡：

$("*").click(function(e) {
    e.stopPropagation();
    $(this).hide();
});

还要注意，向DOM中的每个元素添加事件处理程序不是一个好主意，因为可能有数千个元素。相反，使用事件委派将单个处理程序绑定到
文档
：

$(document).on('click', '*', function(e) {
    e.stopPropagation();
    $(this).hide();
});

作为
e.stopPropagation（）的替代方式，也可以仅隐藏目标元素：

$("*").click(function(e) {
    $(e.target).hide();
});

这也适用于事件委派：
$（document）.on（'click'，function（e）{$（e.target.hide（）；}）同意，我只是展示了实现相同结果的另一种方法。：）非常感谢你。这也行得通。我将了解目标元素：）