如何在您的项目中使用 jQuery 库？

在本文中，我们将了解如何在项目中使用 jQuery 库。在项目中添加 jQuery 库有两种方法：

• 包含来自 CDN 链接的 jQuery 库
• 从官网下载 jQuery 库

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

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

例子：

HTML

 

    
    
    
 
    
    
    

 

    
        GeeksforGeeks
    
 
    
        Include jQuery library from CDN link
    
 
    Welcome to GeeksforGeeks
 
    Add Style
 
    
        $(document).ready(function() {
            $('#id_attr').click(function() {
                $('h2').css("color", "green");
            });
        });
    

 

输出：

下载 jQuery 库：在本节中，我们首先从可下载链接下载 jQuery 库。下载完文件后，我们将以这种方式将下载的文件添加到我们的网页中。

例子：

HTML

 

    
    
    
 
    
    
    

 

    
        GeeksforGeeks
    
 
    
        Download the jQuery library
    
 
    Welcome to GeeksforGeeks
 
    Add Style
 
    
        $(document).ready(function() {
            $('#id_attr').click(function() {
                $('h2').css("color", "green");
            });
        });
    

 

输出：