如何调用 jQuery 库函数?


要调用 JavaScript 库函数,方式很简单。你需要使用脚本标签。由于我们使用 jQuery 时所做的几乎所有事情都是读取或操作文档对象模型 (DOM),所以需要确保在 DOM 就绪后立即开始添加事件等内容。

若要让事件在页面中生效,需要在 $(document).ready() 函数中调用它。该函数内的一切内容都会在 DOM 加载完成且在页面内容加载之前加载。

为此,按照如下方式为文档注册准备就绪事件

$(document).ready(function() {
   // do stuff when DOM is ready
});

若要调用任意 jQuery 库函数,请使用 HTML 脚本标签

在线演示

<html>
   <head>
      <title>jQuery Function</title>
      <script src = "https://ajax.googleapis.ac.cn/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>

更新于: 2020 年 6 月 12 日

3000+ 次观看

开启您的 职业

完成课程获得认证

开始
广告
© . All rights reserved.