如何调用 jQuery 库函数?

jqueryweb developmentfront end technology更新于 2026/2/10 11:37:17

调用 JavaScript 库函数非常简单。您需要使用 script 标签。由于我们使用 jQuery 时所做的几乎所有操作都会读取或操作文档对象模型 (DOM),因此我们需要确保在 DOM 准备就绪后立即开始添加事件等。

如果您希望某个事件在页面上生效,则应在 $(document).ready() 函数中调用它。该函数中的所有内容都会在 DOM 加载完成后立即加载,且在页面内容加载之前加载。

为此,我们为文档注册一个 ready 事件,如下所示:

$(document).ready(function() {
   // 在 DOM 准备就绪时执行操作
});

要调用任何 jQuery 库函数,请使用 HTML script 标签:

<html>
   <head>
      <title>jQuery Function</title>
      <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
      <script>
         $(document).ready(function() {
            $("div").click(function() {alert("Hello, world!");});
         });
      </script>
   </head>
   <body>
      <div id = "mydiv">
         Click on this to see a dialogue box.
      </div>
   </body>
</html>

相关文章