使用 jQuery 在 span 中设置值

在 Web 开发中，经常需要通过 JavaScript 修改页面元素的值。jQuery 是一个十分流行的 JavaScript 库，它提供了方便的 API，让我们可以轻松地操作 DOM 元素。本文将介绍如何使用 jQuery 在 span 中设置值。

准备工作

在使用 jQuery 之前，需要先引入它的脚本文件。可以通过在页面 head 部分添加以下代码来引入 jQuery：

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

设置 span 的值

假设有以下 HTML 代码：

<span id="mySpan"></span>

我们可以使用 jQuery 的 text() 方法来设置 span 的文本值。下面是设置 mySpan 的文本值为 Hello World! 的示例代码：

$('#mySpan').text('Hello World!');

以上代码首先使用 $() 方法找到 id 为 mySpan 的元素，然后调用 text() 方法设置其文本值。

获取 span 的值

类似地，我们也可以使用 text() 方法获取 span 的文本值。下面是获取 mySpan 的文本值的示例代码：

var text = $('#mySpan').text();
console.log(text);  // 输出 Hello World!

以上代码先使用 $() 方法找到 id 为 mySpan 的元素，然后调用 text() 方法获取其文本值，并将其保存到变量 text 中。

小结

本文介绍了如何使用 jQuery 在 span 中设置值。首先需要引入 jQuery 脚本文件，然后可以通过 text() 方法设置和获取 span 的文本值。希望本文对您有所帮助。