# 内容操作

URL: https://caijiao.org/jquery/03-dom/01-content
Source: docs/jquery/03-dom/01-content.md
Description: 介绍 jQuery 中操作网页内容的方法，包括获取和设置文本、HTML 内容以及表单值，帮助开发者高效处理页面动态数据和用户输入。

jQuery 提供多种方法用于操作网页元素的内容，包括文本、HTML 以及表单元素的值，方便动态更新页面信息。

## 获取和设置文本内容

- 获取文本内容
  ```js
  var text = $("p").text();
  ```

* 设置文本内容

  ```js
  $("p").text("新的文本内容");
  ```

## 获取和设置 HTML 内容

- 获取 HTML 内容

  ```js
  var html = $("div").html();
  ```

- 设置 HTML 内容

  ```js
  $("div").html("<strong>加粗内容</strong>");
  ```

## 获取和设置表单元素的值

- 获取表单值

  ```js
  var val = $("input").val();
  ```

- 设置表单值

  ```js
  $("input").val("新值");
  ```

## 示例代码

[在线代码演示](/jquery/demos/7.html)