jQuery UI 工具提示 close() 方法(1)

📌 相关文章

📜 jQuery UI 工具提示 close() 方法(1)

📅 最后修改于: 2023-12-03 15:02:12.582000 🧑 作者: Mango

jQuery UI 工具提示 close() 方法

简介

jQuery UI 是为 jQuery 开发的一组可扩展的用户界面组件，提供了丰富的功能和多样化的主题。而工具提示（tooltip）组件就是其中的一种，它可以快速创建出一个简单的提示框，以供用户查看一些帮助信息、提示信息等。

jQuery UI 工具提示 close() 方法是用来关闭当前的工具提示框的方法。

语法

$(selector).tooltip("close");

参数

selector：jQuery 选择器，用来选中需要关闭的工具提示框。

返回值

该方法没有返回值。

例子

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>jQuery UI 工具提示 close() 方法</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" />
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
  <style>
    #myButton {
      margin-top: 50px;
    }
  </style>
  <script>
    $(function() {
      $("#myButton").on("click", function() {
        $("#myTooltip").tooltip("close");
      });
    });
  </script>
</head>
<body>
  <p>
    <button id="myButton">关闭工具提示</button>
  </p>
  <p>
    <a href="#" id="myLink">显示工具提示</a>
  </p>
  <div id="myTooltip" title="这是一个工具提示框">这是一个工具提示框的示例</div>
</body>
</html>

在上面的例子中，我们创建了一个工具提示框，并在页面上添加了一个按钮和一个链接来演示如何关闭该工具提示框。当用户点击“显示工具提示”的链接时，将会显示一个工具提示框，当用户点击“关闭工具提示”的按钮时，将会关闭该工具提示框。具体实现代码请见以上例子。