jquery - 如何隐藏任何 DOM 元素

Question

我想隐藏任何被单击的元素。例如，如果 <p></p>单击它应该隐藏，或者如果 <div></div>单击它应该隐藏。我尝试使用:

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

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

我怎样才能实现我所描述的目标？

Answer 1

该事件将在 DOM 中冒泡，直到到达 document，然后所有内容都会被隐藏。您可以通过在事件上使用 stopPropagation 来停止冒泡:

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

另请注意，向 DOM 中的每个元素添加事件处理程序并不是一个好主意，因为可能有数千个元素。相反，使用事件委托(delegate)将单个处理程序绑定(bind)到文档:

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

Example fiddle