实现mouseover显示提示框的方法

<div class="conf_panel_title">
	<span class="title_text">我是若博豆</span>
</div>

this.$el.find(".title_text").mouseover(function(e) {
	$("body").append('<div id="tooltip"><div>' + $(this)[0].outerText + '</div></div>');
	$('#tooltip').css({
		padding: "5px",
		top: $(this).offset().top + 50,
		left:$(this).offset().left,
		position: "absolute",
		color: "white",
		background: "black"
	}).show();
}).mouseout(function() {
	$('#tooltip').remove();
});

实现效果如下：

注：自己根据使用场景进行修改dom元素及dom元素获取方式