如何调用jQuery库函数?

调用JavaScript库函数非常容易。您需要使用脚本标签。正如使用jQuery时所做的几乎所有操作一样,它读取或操作文档对象模型(DOM)时,我们需要确保在DOM准备就绪后立即开始添加事件等。

如果希望事件在页面上运行,则应在$(document).ready()函数内调用该事件。DOM加载后以及页面内容加载之前,其中的所有内容都将加载。

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

$(document).ready(function() {
   //在DOM准备就绪时做一些事情
});

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

<html>
   <head>
      <title>jQuery Function</title>
      <script src = "https://cdn.staticfile.org/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>