如何在 HTML 页面中链接 jQuery？

jQuery 是最常用的 JavaScript 库之一，它比标准 JavaScript 更容易使用，因为它提供了许多内置函数可供访问。它是使用 JavaScript 功能构建的，您可以使用 JavaScript 中可用的所有功能。

在本文中，我们将讨论如何将 jQuery 链接到 HTML 页面。有两种方法可以在 HTML 代码中包含 jQuery 文件：

• 通过下载 jQuery 库
• 通过包含来自 CDN 的 jQuery

下载jQuery库：在这种方法中，我们直接通过我们系统上的网站下载库。基本上，有两个版本可供下载：-

• 生产版——它是一个压缩版本，主要用于您的实时网站。
• 开发版本——它是用于开发和测试目的的未压缩版本。

我们将使用开发版本来实现我们的目的。只需按照以下步骤在您的系统上下载 jQuery –

• 打开任意浏览器，搜索 jquery.com（这是下载 jQuery 库的官方网站）。
• 在主页上，您会在右侧找到下载链接。单击显示的链接。

• 它将带您进入下载页面，您将在其中获得一些选项供您选择。您必须下载未压缩的开发 jQuery，如下所示，并确保将其保存在 HTML 文件所在的同一文件夹中。您必须右键单击该链接，然后从菜单中选择“另存为...”。

现在让我们将它链接到我们的 HTML 代码。只需在 HTML 文件的部分下添加以下代码：

注意：默认情况下，JavaScript 文件以上述名称保存（此处版本为 3.6.0）。这些可能会有更新的版本，因此请参阅具有该名称的文件。

让我们看一个例子来了解它是如何完成的。以下是相同的 HTML 代码：

输出：

2.包含来自 CDN 的 jQuery：如果您不想使用上述方法，这里是它的替代解决方案。在这种方法中，您必须通过像 Google CDN 这样的 CDN（内容交付网络）来包含 jQuery。很简单，只需在 HTML 文件的 部分下添加以下代码即可：

现在让我们看一个例子。下面是 HTML 代码：

HTML

  

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

  

    
        GeeksforGeeks
        Click here
    

  

输出：