<think>我们参考了站内引用中关于
jQuery修改文本内容的相关引用，特别是引用[1]和引用[2]。
根据引用[1]和[2]，
使用jQuery修改文本内容主要可以通过两个方法：text()和html()。
此外，引用[3]提到了清除
文本内容也可以
使用这两个方法。
因此，我们需要向用户解释如何
使用这两个方法来
修改文本内容。
步骤：
1. 引入
jQuery库：在操作之前，需要确保页面中已经引入了
jQuery库。
2. 选择元素：
使用jQuery选择器选择需要
修改文本内容的元素。
3.
使用text()或html()方法
修改内容。
注意：
- text()方法用于设置或返回所选元素的
文本内容（不解析HTML标签）。
- html()方法用于设置或返回所选元素的内容（包括HTML标签，会解析标签）。
我们还需要注意，如果要清除
文本内容，可以将这两个方法的参数设置为空字符串。
另外，引用[5]中提到了根据
文本内容选择元素的方法（:contains选择器），虽然这不是
修改文本，但在
修改前选择特定文本的元素时可能有用。
因此，我们可以这样组织回答：
1. 先说明前提：引入
jQuery库。
2. 分别介绍text()和html()方法，并举例说明如何
修改文本内容。
3. 简单提及清除
文本内容的方法（设置为空字符串）。
4. 也可以提及根据
文本内容选择元素的方法，因为用户可能在
修改前需要先找到特定文本的元素。
但是用户的问题只问“
修改文本内容”，所以重点在
修改方法上。
根据引用，我们给出示例代码：
示例1：
使用text()
修改文本
```
javascript
// 将id为"example"的元素内容改为新的纯文本
$("#example").text("新的
文本内容");
```
示例2：
使用html()
修改文本（可以包含HTML标签）
```
javascript
// 将id为"example"的元素内容改为包含HTML标签的内容
$("#example").html("<strong>新的
文本内容</strong>");
```
示例3：清除
文本内容
```
javascript
// 清除文本，两种方法都可以
$("#example").text("");
// 或
$("#example").html("");
```
另外，引用[5]中根据
文本内容选择元素，可以这样用：
```
javascript
// 选择所有包含"天"字的li元素，并
修改它们的文本
$('li:contains("天")').text("
修改后的文本");
```
注意：在:contains选择器中，文本字符串需要用引号括起来。
因此，回答将围绕这些方法展开。
由于用户要求生成相关问题，我们将在最后提出几个相关问题。
注意：回答中引用的段落末尾自然地添加引用标识，例如[^1]，但我们引用了多个，所以可以这样标注[^1][^2]等。
我们按照用户要求的格式进行回答：
</think>
###
jQuery修改文本内容的方法
根据站内引用内容，
jQuery提供了多种
修改文本内容的方法，主要
使用以下两种核心方法：
#### 1. `text()` 方法
- **功能**：设置或返回元素的纯
文本内容（不解析HTML标签）
- **语法**：
```
javascript
// 获取
文本内容
$(selector).text();
// 设置
文本内容
$(selector).text("新
文本内容");
```
- **示例**：
```
javascript
// 将id="demo"的元素文本改为"Hello World"
$("#demo").text("Hello World");
// 获取第一个<li>的文本
var firstText = $("li:first").text();
```
#### 2. `html()` 方法
- **功能**：设置或返回元素的内容（可包含HTML标签）
- **语法**：
```
javascript
// 获取HTML内容
$(selector).html();
// 设置HTML内容
$(selector).html("<b>带格式的内容</b>");
```
- **示例**：
```
javascript
// 在div中插入带样式的文本
$("#container").html("<p style='color:red'>红色文本</p>");
// 清除元素内容
$("#target").html(""); // 引用[3]
```
#### 操作步骤：
1. **引入
jQuery库**（必须步骤）：
```html
<script src="https://code.
jquery.com/
jquery-3.6.0.min.js"></script>
```
2. **选择目标元素**：
```
javascript
// 根据ID选择
$("#elementId")
// 根据
文本内容选择（引用[5]）
$("div:contains('特定文本')")
```
3. **执行
修改**：
```
javascript
//
修改纯文本
$(".content").text("新文本");
//
修改带HTML的内容
$(".box").html("<strong>加粗文本</strong>");
```
#### 注意事项：
- `text()` 会将所有HTML标签按纯文本显示，适合简单文本替换
- `html()` 会解析标签，适合需要嵌入HTML结构的场景
- 清除内容时，两种方法均可：`$("#el").text("")` 或 `$("#el").html("")`[^3]
#### 完整示例：
```html
<div id="example">原始文本</div>
<script>
//
修改为纯文本
$("#example").text("
修改后的文本");
//
修改为带HTML的内容
$("#example").html("
斜体文本");
</script>
```
通过合理选择 `text()` 或 `html()` 方法，配合
jQuery选择器，可以灵活实现各种文本
修改需求[^1][^2]。
本文介绍了如何利用jQuery库来修改网页元素的文本内容，包括使用text()方法、html()方法和val()方法。通过这些方法，开发者可以便捷地更新元素的文本、HTML内容以及表单元素的值。
订阅专栏 解锁全文
扫一扫
275
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
