📜  在网页中包含 jQuery 的不同方式

📅  最后修改于: 2021-11-25 04:28:15             🧑  作者: Mango

在本文中,我们将学习在页面上包含 jQuery 的不同方法。基本上,我们知道 jQuery 具有许多令人兴奋的功能。所以如果我们想使用这些功能,我们只需要将 jQuery 库添加到我们的网页中。

有两种方法可以将 jQuery 库添加到我们的网页中。

  • 包含来自 CDN(内容交付网络)的 jQuery
  • 从官网下载jQuery库

1. 包含来自 CDN Link 的 jQuery: CDN代表内容交付网络,它基本上是一组用于存储和交付数据的服务器。基本上,这些 jQuery 库文件已经上传到各种 CDN,我们可以直接在我们的网页上使用它们。然后,我们不需要在本地机器上下载任何文件。

我们可以在“src”属性中看到 CDN 链接。我们已经成功地将 jQuery 添加到我们的网页中。我们可以在我们的页面上使用 jQuery 的所有功能。加载页面时,浏览器会自动从 CDN 链接下载 jQuery 库文件。

示例 1:在本示例中,我们将添加 jQuery CDN 链接来执行 jQuery 代码。

HTML


  

    
    

  

    

              


HTML


  

    
    

  

    

              


输出:

2. 下载 jQuery 库:这样,我们将向我们的页面添加 jQuery 库。首先,我们将从 jQuery 网站下载 jQuery 库文件到我们的本地主机。下载后,我们将以这种方式将下载的文件添加到我们的网页中。

示例 2:在本示例中,我们将从下载路径添加 jQuery 链接以执行 jQuery 代码。

HTML



  

    
    

  

    

              

输出:

在上面的例子中,网页和 jQuery 库文件都在同一个文件夹中。