如何将 jQuery 代码添加到 HTML 文件？

在本文中，我们将看到如何将 jQuery 代码添加到 HTML 文件中。您可以使用多种方法轻松地将 jQuery 添加到 HTML，例如从 CDN 添加 jQuery 或直接下载 jQuery 文件并将它们包含到您的项目中。本文讨论了几种方法。

方法：

• 下载并包含 jQuery 文件
• 包括来自 CDN 的 jQuery。

方法 1：下载并包含 jQuery 文件

按照以下信息在 HTML 文件中包含 jQuery。

1. 使用此链接从官方 JQuery 网站下载 jQuery 文件。 （根据需要下载压缩或未压缩的文件）。
2. 下载后，只需将下载的文件移动到要添加 jQuery 的 HTML 文件中。
3. 最后，使用以下语法在 HTML 文件中包含 jQuery。即在脚本标签之间添加 jQuery 文件名。

例子：

HTML

  
    
    
    
      $(document).ready(function () {
        $("button").click(function () {
          $("h2").html("Complete Portal for Geeks</b>");
        });
      });
    
  
  
    
      GeeksforGeeks
      Click here
    
  

输出：

方法 2：按照以下步骤在 HTML 文件中包含 Jquery。

1. 在这种情况下，您只需将下面带有脚本标签的链接添加到您的 HTML 文件中，无论是由 Google 还是 Microsoft 提供的 CDN。
   • 谷歌 CDN

   • 微软CDN

例子：

HTML

  
    
    
    Added Jquery into HTML
  
    
      h1 {
        color: green;
      }
    
  
  
  
    
      Welcome to GeeksforGeeks
      Click me
      
  
      
        $(document).ready(function () {
          $("#trigger").click(function () {
            $("#demo").html("Complete portal for Geeks");
          });
        });
      
    
  

输出：