📜  如何执行 jQuery 代码?

📅  最后修改于: 2021-11-24 05:39:24             🧑  作者: Mango

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
    
  
    
    
  
    

  

    

GeeksforGeeks

  


HTML


  

    Document
  
    
    
  
    
    
  
    

  

    

GeeksforGeeks

  


输出:

GeeksforGeeks

在上面的代码中,我们使用                             

GeeksforGeeks

  

输出:在本例中,我们编写了更改文本颜色的代码。要运行此代码,请在浏览器中打开此 HTML 文件。

通过下载 jQuery 文件

让我们开始使用 jQuery CDN 添加 jQuery 的下一个方法。

方法二:使用jQuery CDN链接

这种使用 jQuery 的方法非常简单,我们不需要下载任何东西,但让我们简要介绍一下 CDN。 CDN 代表内容交付网络,基本上,它是一个全球分布式服务器组,用于不同类型的 Web 服务,为互联网内容提供快速交付。例如,jQuery CDN 拥有与 jQuery 相关的所有必要信息,任何用户都可以随时从他们的服务器直接访问它。这个方法比较可靠,更新快,为了使用jQuery的CDN或其他任何库,我们必须连接网络。现在让我们看看如何使用它。我们必须在我们的 HTML 文件中添加

示例:我们将在此处使用示例 2 和 jQuery CDN 链接以查看更改。

HTML



  

    Document
  
    
    
  
    
    
  
    

  

    

GeeksforGeeks

  

输出:

使用 jQuery CDN 链接

我们已经添加了 CDN 代码,现在我们准备再次使用 jQuery。所以,这就是我们如何使用一些简单的方法来执行我们的 jQuery。