在 html 中添加 jquery-ag捕鱼王app官网

本文将指导你在 html 页面上添加或编写 jquery 代码。

在 html 中使用 jquery cdn 包含 jquery

jqeury 是最流行的 javascript 库之一。

该库通过 dom 遍历和操作、css 操作、事件处理、动画和 ajax 调用等功能简化了网站中的许多工作。我们可以使用 jquery 少写多做，这是主要优势。

我们可以使用 jquery 而不是常规的 javascript 以更少的代码进行操作。现在，我们将讨论如何在 html 页面上使用 jquery。

在 html 文档中包含 jquery 的最常见方法是使用内容交付网络 (cdn)。cdn 是一个服务器网络，通过将内容缓存在离用户更近的网络位置，为最终用户提供所请求的内容。

这样，用户将快速准确地获得所请求的数据。我们可以从 google cdn 和 microsoft cdn 等各种来源获取 jquery cdn。

我们可以在 script 标签中包含 jquery cdn url，并在 html 中使用 jquery。我们可以将 jquery 写在单独的 .js 文件中并将其包含在 html 文件中，或者将 jquery 写在 script 标记中。

首先，进入 jquery cdn网站，选择最新的稳定版 jquery。为了演示，我们使用的是未压缩的版本。

然后网站将输出如下所示的标签。

<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-h k7u5cnxl1h5ywqfktsj8pcmon9aaq30gdh27xc0jk=" crossorigin="anonymous"></script>

接下来，复制标签并将其放入 html 文件中。然后，创建一个 id 为 text 的 p 标签，并且不要在标签之间写入任何内容。

在 p 标签下方，创建一个 id 为 button 的按钮，并在 value 属性中写入文本 click here。html 部分已经结束，现在我们将编写 jquery。

在 script 标签内，编写 ready() jquery 方法。选择 button id 并在方法内调用 click() 方法。

同样，在 click() 方法中选择 text id 并调用 html() 方法。将文本 clicked 写入 html() 参数。

在本节中，我们将了解这些不同的 jquery 方法。ready() 方法包含所有其他方法。

当 dom 完全加载时，方法中的其他内容将被执行。同样，当单击选定元素时执行 click() 方法。html() 方法将内容设置为所选元素。

在下面的示例中，单击按钮时会显示已单击的文本。这样，我们就可以在使用 cdn 的 html 文档中使用 jquery。

示例代码：

<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-h k7u5cnxl1h5ywqfktsj8pcmon9aaq30gdh27xc0jk=" crossorigin="anonymous">script>
<p id="text"> p>
<input type='button' id='button' value='click here' />
<script>
$(document).ready(function(){
 $('#button').click(function(){
 $('#text').html("clicked");
 });
});
script>

下载 jquery 并将其包含在 html 中

用 html 编写 jquery 的另一种方法是下载 jquery 文件并将其包含在 html 文件中。

我们可以从链接下载文件。在将下载的 .js 文件包含在 script 标记中后，我们将在 html 中编写 jquery 代码。

例如，从上面给出的链接下载 jquery 文件。接下来，在 html 文件中，在 script 标签的 src 属性中写入 jquery 文件的文件路径。

这是我们必须对上述方法中的示例进行的唯一更改。我们将使用相同的 html 和 jquery 代码进行演示。

当我们单击按钮时，将产生文本 clicked，如上例所示。这样，我们就可以下载 jquery 文件并将其包含在 html 中。

示例代码：

<script src="jquery-3.6.0.min.js">script>
<p id="text"> p>
<input type='button' id='button' value='click here' />
<script>
$(document).ready(function(){
 $('#button').click(function(){
 $('#text').html("clicked");
 });
});
script>