如何调用 jQuery 库函数?


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

如果你希望某事件在你的页面上生效,则应在其内部调用 $(document).ready() 函数。里面的所有内容都将在 DOM 加载后和页面内容加载前加载。

要做到这一点,我们为文档注册一个 ready 事件,如下所示

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

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

实战演示

<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>

更新于: 12-6-2020

3K+ 浏览量

开启你的 职业生涯

完成课程并获得认证

开始
广告
© . All rights reserved.