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

在本文中，我们将学习在页面上包含 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

  

    
    
    

  

    
      
    
        $('p').text('Hello geeks. CDN Working');
    

  

输出：

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

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

HTML

  

    
    

  

    
      
    
        $('p').text('Hello geeks. Downloaded files');
    

  

输出：

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