Get & set content

通过jQuery操作HTML元素的内容有几种方法。

html（）方法用于获取所选元素的内容，包括HTML标记。

例如：

HTML：

<p>
  JQuery is <b>fun</b>
</p>

JS:

$(function() {
  var val = $("p").html();
  alert(val);
});
// alerts "JQuery is <b>fun</b>"

请注意，HTML标记（<b>标签）也被返回，

如果您只需要文本内容，不使用HTML标记，则可以使用text（）方法：

$(function() {
  var val = $("p").text();
  alert(val);
});
// alerts "JQuery is fun"

html（）和text（）方法可以用于可以包含内容的所有HTML元素。

可以使用相同的html（）和text（）方法来更改HTML元素的内容。

要设置的内容作为方法的参数提供，例如：

HTML：

<div id="test">
   <p>some text</p>
</div>

JS:

$(function() {
  $("#test").text("hello!");
});

上面的代码将id =“test”的元素的内容更改为“hello！”。

如果您设置的内容包含HTML标记，则应使用html（）方法而不是text（）。