如何执行 jQuery 代码？

jQuery 是一个开源功能丰富的 Javascript 库，旨在简化 HTML DOM 树遍历和操作、事件处理和 CSS 动画。它因其重量轻、速度快、体积小等特点而广受欢迎，使其更易于使用。使用 jQuery 的目的是让 javascript 代码在网站上易于执行，因为 jQuery 将用 javascript 编写的多行代码包装成一个可以用一行代码调用的方法。出于这个原因，很多需要 javascript 的常见任务都可以由 jQuery 完成。

在本文中，我们将看到如何为我们的网页执行 jQuery 代码。执行 jQuery 代码非常简单，只需要处理几个步骤，然后我们就可以开始了。在跳转到主要主题之前，我们将首先了解如何在我们的网页中添加和使用 jQuery。有两种方法可以将 jQuery 添加到我们的网页/网站：

• 从官网下载jQuery库
• 在线使用 jQuery CDN 链接

让我们开始我们的第一种方法，即从网站下载库。

方法一：下载jQuery库

下载库。我们需要下载开发版本以进行开发和测试。其余版本用于生产目的。单击下载后，它会将您带到包含可用链接的页面，单击所需链接，然后右键单击该页面并保存文件。请注意，我们使用的文件是一个 javascript 文件，我们可以通过查看它的扩展名来检查它。现在，我们将看到如何将 jQuery 添加到我们的 HTML 文件中。确保 jQuery 文件必须放在工作区中。完成这许多步骤后，它将如下图所示。

在 标记部分内的

示例 1：创建一个 HTML 文件并将以下代码添加到您的 HTML 文件中。

HTML

  

    Document
    

  

    GeeksforGeeks

  

HTML

  

    Document
    
  
    
    
        $(document).ready(function () {
            $("button").click(function () {
                $("p").css("color", "green");
            });
        });
    
  
    
        Change the color of the text to Green
    

  

    GeeksforGeeks

  

HTML

  

    Document
  
    
    
    
  
    
    
        $(document).ready(function () {
            $("button").click(function () {
                $("p").css("color", "green");
            });
        });
    
  
    
        Change the color of the text to Green
    

  

    GeeksforGeeks

  

输出：

GeeksforGeeks

在上面的代码中，我们使用                              Change the color of the text to Green             

GeeksforGeeks