Jquery 如何关闭覆盖

实际上，如何关闭我已经通过单击功能完成的覆盖，我的意思是当我单击mini cart时，mini cart将显示，页面的其余部分被覆盖，当我关闭click按钮时，它会恢复正常，换句话说，jquery有自己的特定方法来删除我之前添加的元素，谢谢

          var docHeight = $(document).height();
   var overlay = $("<div id='overlay'></div>");

   $('#mini-cart').click(function() {   
   $("body").append(overlay);   
   $("#overlay")
      .height(docHeight)
      .css({
         'opacity' : 0.4,
         'position': 'absolute',
         'top': 0,
         'left': 0,
         'background-color': 'black',
         'width': '100%',
         'z-index': 5000
      });     
    });

   $('#close').click(function() {   
    $("body").remove(overlay);     
    }); 

var-docHeight=$（document.height（）；
var overlay=$（“”）；
$（“#迷你购物车”）。单击（函数（）{
$（“正文”）。附加（覆盖）；
$（“叠加”）
.身高（八）
.css({
“不透明度”：0.4，
'位置'：'绝对'，
“顶部”：0，
“左”：0，
“背景色”：“黑色”，
“宽度”：“100%”，
“z指数”：5000
});     
});
$（“#关闭”）。单击（函数（）{
$（“主体”）。移除（覆盖）；
}); 

要删除附加元素，请尝试：

如果要删除元素本身以及其中的所有内容，请使用.remove（）。除了元素本身之外，与元素关联的所有绑定事件和jQuery数据都将被删除

或

.detach（）方法与.remove（）方法相同，不同之处在于.detach（）保留与已删除元素关联的所有jQuery数据。当删除的元素稍后要重新插入DOM时，此方法非常有用

---

示例：

$（.hello”）.remove（）

这里的

$（“.hello”）

是选择器。

您使用不正确。它应该是overlay.remove（），所以我只使用$（this.modal（'show'）；和$（this.modal（'hide'）；通过引导，谢谢@k-k