Javascript Jquery：如何在Jquery中使用工具提示？

我有一个简单的工具提示，在divs中有很长的JavaScript代码

我希望这是一个简单的方法

有人能帮忙吗

这是我的密码

  <div onmouseover="document.getElementById('tt1DX1').style.display='block'" onmouseout="document.getElementById('tt1DX1').style.display='none'" style="position:relative;">Tool
    <div id="tt1DX1" class="toolTip_new pbc11_ttpos1_1Q_di" style="display: none;">
      <div class="tool_wrapper">
        <div class="tooltip_top_new"></div>
        <div class="tooltip_middle_new">
          <div class="content">
            <p>Please holder actuall text</p>
            <p>Please holder actuall text</p>
            </div>
          </div>
        <div class="tooltip_bot_new2"></div>
        </div>
      </div>
    </div>

---

问题是，我必须复制并粘贴

onmouseover=“document.getElementById（'tt1DX1'）.style.display='block'”onmouseout=“document.getElementById（'tt1DX1'）.style.display='none'”

在任何使用工具提示的地方，我都想避免它。

还可以使用HTML和CSS创建完全不使用JavaScript的工具提示：

<div class="has-tooltip">
  <button class="huge red">You Know You Wanna...</button>
  <div class="tooltip">Do NOT Press This Button.</div>
</div>

你知道你想。。。
不要按这个按钮。

在CSS中：

.has-tooltip .tooltip {
  position: absolute;
  display: none;

  <style code to position (with margin-left and margin-top)
   and make the tooltip box look how you want>

}

.has-tooltip:hover .tooltip {
   display: block;
 }

。有工具提示。工具提示{
位置：绝对位置；
显示：无；
}
。有工具提示：悬停。工具提示{
显示：块；
}

---

谷歌“CSS工具提示”可以看到很多例子。

查看CSS引导工具提示，非常简单。您使用的是1.9里程碑，对吗？（未经检查）我认为工具提示在1.8.x中不可用问题是我必须在使用工具提示的地方复制并粘贴

onmouseover=“document.getElementById（'tt1DX1'）.style.display='block'”onmouseout=“document.getElementById（'tt1DX1'）.style.display='none'”

，我需要避免这两种方法都会删除该代码。只需为工具提示本身创建一个has-tooltip类（class=“has-tooltip”）和一个“tooltip”类，并以此为目标。

.has-tooltip .tooltip {
  position: absolute;
  display: none;

  <style code to position (with margin-left and margin-top)
   and make the tooltip box look how you want>

}

.has-tooltip:hover .tooltip {
   display: block;
 }