Javascript 单击按钮或div的外部时隐藏按钮

我希望在按钮外单击时隐藏按钮

Html:

视频
邮递
照片

向按钮添加一个

id

。而不是id

class

也可以正常工作。 使用jquery查找元素是否可见

 $("body").on('click', function() {
      if ($("#social_button_area_post").is(':visible')) {
        $("#social_button_area_post").hide()
      }
})

$（文档）.mouseup（函数（e）{
变量按钮=$（“按钮”）；
如果（！按钮为（如目标））{
按钮隐藏（）；
}
});

邮递

$（文档）.ready（函数（）{
$（文档）。单击（函数（）{
$（“#隐藏此按钮”）.hide（）；
})
$（“#隐藏此按钮”）。单击（函数（）{
返回false；
})
})

视频
邮递
照片
你到底想要什么？不，我只需要点击按钮的外侧，而不是隐藏按钮。首先，看到div和按钮，然后当我单击div时，按钮将隐藏。谢谢SirNo我只需要点击按钮的外侧而不是隐藏按钮。首先，看到div和按钮，然后当我单击div时，按钮将隐藏。谢谢sir我想使用button id=Test1之类的id隐藏此按钮No sir当我在div外单击时，其他按钮也会隐藏：（我会再次更新我的问题，谢谢关闭post按钮，只有另外两个按钮没有hide@SaifulIslamSagor嘿，现在检查一下。我不明白你说的隐藏post按钮是什么意思，只有另外两个按钮没有隐藏