如果 CDN 不可用，如何加载本地 jQuery 文件？

jQuery 是一个轻量级的、“少写多做”的 JavaScript 库。 jQuery 有助于尽可能简单地编写 JavaScript。它可以有效地将 JavaScript 中的几行代码转换为一行。它还简化了 Ajax 调用和 DOM（文档对象模型）等任务。

jQuery 库包含以下功能：

• HTML/DOM 操作
• CSS 操作
• HTML 事件方法
• 效果和动画
• AJAX
• 公用事业

您可以通过多种方式在应用程序中使用 jQuery，其中一种方式比其他方式更容易。下面是一些可用于加载本地 jquery 文件的方法。

方法一：使用jQuery CDN（内容分发网络）

示例：在此示例中，我们将简单地在脚本标签中包含 CDN 行，如果您单击提交按钮，您将在浏览器中看到您的名字作为警报出现。

HTML

  

    
    
    

  

    GeeksforGeeks
  
    Using the CDN link for jQuery
  
    
    Submit
  
    
        $("#btn").click(function (event) {
  
            // If you click the submit button 
            // you will see your name coming
            // up as alert in the browser
            event.preventDefault();
            var name = $("#name").val();
            alert(name);
        });
    

  

输出：

有CDN链接

现在我们将看到如何在上述 CDN 不可用的情况下加载本地 jquery 文件。

方法二：下载jQuery在本地使用。

从这里下载 jQuery 库。您可以下载两个版本的 jQuery。

• 生产版本：这是用于您的实时网站，因为它已被缩小和压缩
• 开发版：这是用于测试和开发（未压缩和可读代码）

从此页面下载 jquery 库链接

• 下载的文件将是您可以参考的单个 JavaScript 文件，如图所示。保存在当前文件夹中时，重命名它并在标题部分包含相同的名称，同时包含库文件。

示例：在此示例中，我们将下载库文件“ jquery.min.js”而不是使用 CDN，如果您单击提交按钮，您将在浏览器中看到您的名字作为警报出现。

HTML

  

    
    
  
    
    
        window.jQuery || document.write(
            '<script src="jquery.min.js">\x3C/script>'
        )
    
    

  

    GeeksforGeeks
  
    
        This works with library downloaded 
        in the current folder
    
  
    
    Submit
  
    
        $("#btn").click(function (event) {
  
            // If you click the submit button you 
            // will see your name coming up as 
            // alert in the browser
            event.preventDefault();
            var name = $("#name").val();
            alert(name);
        });
    

  

输出：

使用下载的 jquery 库

注意：需要正确配置脚本标签的源（src）中的路径。它应该设置为 jQuery 完美运行的正确路径。

您还可以使用 npm（节点包安装程序）将 jQuery 安装为节点包。

npm install jquery

您也可以使用 yarn CLI 安装它，命令如下。

yarn add jquery