Jquery 单击“外部”时隐藏元素

我的页面中有一个元素

<div id="element">try</div>

试试看

我想在单击页面中的其他元素时隐藏它

---

我该怎么做？

您可以利用这里的气泡，如下所示：

$("#element").click(function(e) {
  e.stopPropagation();
});
$(document).click(function() {
  $("#element").hide();
});

---

如果单击

#元素

，它会阻止气泡（使用）一直上升到

文档

，并触发它的

单击

处理程序。如果单击了其他任何地方，它就会冒泡，当单击到达文档时，它会隐藏

#元素
酷！我以前不知道