如何使用 jQuery 创建引导工具提示？
Tooltip 就像一个气球或一个小屏幕提示，用于向网页中的任何对象显示文本描述。当用户使用光标将鼠标悬停在对象上时，会显示一个工具提示。它是网站非常有用的部分，现在几乎可以在所有网站中找到，包括一些 Web 应用程序，如 Adobe Photoshop、Adobe Illustrator 等等。工具提示对新用户非常有帮助，用户可以通过阅读工具提示文本了解对象。
现在，在了解了工具提示的基本概念之后，让我们学习如何使用 Bootstrap 框架和 jQuery 创建工具提示。
什么是 jQuery ？
jQuery 是一个 JavaScript 库，可以非常轻松地操作 HTML DOM（文档对象模型）属性。所以让我们开始吧。
第一步：首先从Bootstrap官网导入Bootstrap CSS的所有Bootstrap CDN。
引导 CSS：
引导 JS：
第 2 步：从 jQuery CDN 官方网站导入指向 HTML 文件的 jQuery 链接。
第 3 步：要创建工具提示，我们必须将“data-bs-toggle”属性添加到任何元素，并添加需要在工具提示悬停时显示的文本，我们必须将“标题”属性添加到HTML 元素。
（这里我们使用了按钮来展示工具提示效果，但是，您也可以将工具提示与其他引导组件一起使用。过程非常相同。）
第 4 步：之后，将 jQuery 代码段添加到脚本标签内下面给出的 HTML 文件中：
在上面的代码中，我们使用 Tooltip()函数在鼠标悬停时触发工具提示。
注意：这里我们将工具提示文本放置在底部，您可以使用“data-bs-placement”属性将其放置在左侧、右侧或顶部。在这里，我们将其设置为“底部”。
第 5 步：至此，我们已经使用 jQuery 在 Bootstrap 中成功创建了工具提示。
这是完整的 HTML 代码：
HTML
Document
输出：
使用 Bootstrap 和 jQuery 的工具提示
对齐工具提示
现在，在那之后，我们还可以在底部、顶部、左侧、右侧等不同方向上定义工具提示消息的方向。
要将工具提示与不同的位置对齐，我们需要引导对象的“data-bs-placement”属性。它有四个放置选项。他们是：
1. 顶部 -将工具提示放在对象的顶部。
句法：
2. 底部——将工具提示放在对象的底部。
句法：
3. 左 –将工具提示放置在对象的左侧。
句法：
4. 右 –将工具提示放置在对象的右侧。
句法：