Javascript 为什么.remove（）不'；你不能移除元素吗？

这是我的代码：

$(document).ready(function(){
  $('a').bind('mouseenter', function() {
    var self = $(this);
    this.iid = setTimeout(function() {
      var tag_name = self.text(),
          top      = self.position().top + self.outerHeight(true),
          left     = self.position().left;
      $('body').append("<div class='tag_info'>Some explanations about "+tag_name+"</div>");
      $(".tag_info").css({top: top + "px", left: left + "px"}).fadeIn(200);   
    }, 525);
  }).bind('mouseleave', function(){
    if(this.iid){
      clearTimeout(this.iid)
      remove($('.tag_info'));
    }
  });
});

$（文档）.ready（函数（）{
$（'a'）.bind（'mouseenter'，function（）{
var self=$（这是）；
this.iid=setTimeout（函数（）{
var tag_name=self.text（），
顶部=自身位置（），
左=自身位置（）.左；
$（'body'）.append（“关于“+tag_name+”的一些解释”）；
$（“.tag_info”）.css（{top:top+“px”，left:left+“px”}）；
}, 525);
}).bind（'mouseleave'，function（）{
如果（这个iid）{
clearTimeout（this.iid）
删除（$（'.tag_info'））；
}
});
});

---

正如你在我提供的小提琴中看到的，当你的鼠标离开标签时，黑盒子仍然存在。为什么？如何删除它？

请使用下面的代码

$('.tag_info').remove();

应该是

$('.tag_info').remove();

---

在jQuery中，首先定义选择器

$('.tag_info').remove();

$（文档）.ready（函数（）{
$（'a'）.bind（'mouseenter'，function（）{
var self=$（这是）；
this.iid=setTimeout（函数（）{
var tag_name=self.text（），
顶部=自身位置（），
左=自身位置（）.左；
$（'body'）.append（“关于“+tag_name+”的一些解释”）；
$（“.tag_info”）.css（{top:top+“px”，left:left+“px”}）；
}, 525);
}).bind（'mouseleave'，function（）{
$（'.tag_info'）.remove（）；
});
});
正文{
填充：20px；
}
a{
颜色：#3e6d8e！重要；
背景色：#E1ECF4；
填充物：2px 5px；
}
.tag_信息{
位置：绝对位置；
宽度：130px；
高度：100px；
显示：无；
背景色：黑色；
颜色：白色；
填充：10px；
}

tag1
tag2
您以错误的方式使用jquery函数，这就是为什么它没有删除包含class
的元素。tag\u info
。请按规定使用

你需要像这样使用它

$('.tag_info').remove(); 

请尝试
$（'.tag_info'）。删除（）
为什么不使用
：悬停
？
remove($('.tag_info')); // Not Correct

$('.tag_info').remove();