14、使用 jQuery 让页面焕发生机

使用 jQuery 让页面焕发生机

在网页开发中，我们经常需要对页面元素的内容进行修改，jQuery 提供了丰富的方法来帮助我们完成这些任务。下面将详细介绍如何使用 jQuery 修改元素内容、移动元素以及包裹和解包裹元素。

1. 设置元素内容

在修改元素内容时，有多种方法可供选择，具体取决于要插入的文本类型。jQuery 提供了一些方法来避免浏览器兼容性问题。

1.1 替换 HTML 或文本内容

• html() 方法 ：

  • 获取元素的 HTML 内容 ：当不传递参数时， html() 方法用于获取匹配元素集中第一个元素的 HTML 内容。
  • 设置元素的 HTML 内容 ：当传递参数时， html() 方法用于将传递的 HTML 片段设置为所有匹配元素的内容。
    ```javascript
    // 获取元素的 HTML 内容
    var htmlContent = $(‘#elementId’).html();

  // 设置元素的 HTML 内容
  $(‘#elementId’).html(‘

  New content

  ‘);
  - **text() 方法**： - **获取元素的文本内容**：当不传递参数时，`text()` 方法用于获取匹配元素集中所有元素的组合文本内容，包括它们的后代元素