jQuery | html() 方法

jQuery 是一种在客户端使用的 JavaScript 库。它使得处理 HTML 文档、事件处理、动画效果、AJAX 等变得更加方便。html() 方法是其中一个非常有用的方法之一。

HTML() 方法

html() 方法返回或设置被选元素内容（innerHTML）。

语法：

$(selector).html(content)

• selector: jQuery 选择器，用于查询需要处理的元素。
• content: 可选，用于设置被选元素的内容。也可以用于返回被选元素的内容。

返回被选元素内容

首先让我们来看如何从一个元素中获取内容。假设我们有以下 HTML 代码：

<div id="myDiv">这是一个 div 元素。</div>

现在我们可以使用以下代码将文本内容从该 div 元素中获取出来：

$(document).ready(function(){
  var divText = $("#myDiv").html();
  console.log(divText);
});

输出结果:

这是一个 div 元素。

设置被选元素的内容

然后我们可以看看如何使用 html() 方法来改变一个元素的内容。同样，假设我们有以下 HTML 代码：

<div id="myDiv">这是一个 div 元素。</div>

以下代码可以让我们将此 div 元素中的内容更改为 你好，世界！：

$(document).ready(function(){
  $("#myDiv").html("你好，世界！");
});

现在这个 div 里的内容将变为：

你好，世界！

总结

使用 html() 方法可以轻松地获取或设置元素的内容。此外，您还可以将 HTML 标签插入到元素中。请记住，如果您使用 html() 方法更改元素的内容，那么元素内的所有内容都将被替换为您定义的内容。

示例代码如下：

<div id="myDiv">这是一个 div 元素。</div>

<script>
$(document).ready(function(){
  var divText = $("#myDiv").html();
  console.log(divText);
  
  $("#myDiv").html("你好，世界！");
});
</script>

输出结果：

这是一个 div 元素。

你好，世界！