jQuery如何来设置和获取HTML和文本的值？

在 jQuery 中，你可以使用 .html(), .text(), 和 .val() 方法来设置和获取 HTML、文本和表单元素的值。以下是这些方法的详细说明：

1. .html(): 这个方法用于获取或设置被选元素的 HTML 内容。

获取 HTML 内容：

var content = $("#elementId").html();

设置 HTML 内容：

$("#elementId").html("<p>这是新的 HTML 内容</p>");

2. .text(): 这个方法用于获取或设置被选元素的文本内容。

获取文本内容：

var text = $("#elementId").text();

设置文本内容：

$("#elementId").text("这是新的文本内容");

3. .val(): 这个方法主要用于获取或设置表单字段的值，如 input, select 和 textarea。

获取值：

var value = $("#inputId").val();

设置值：

$("#inputId").val("这是新的值");

需要注意的是，.html() 和 .text() 之间的主要区别在于，.html() 获取或设置的是元素的内部 HTML，包括任何 HTML 标签，而 .text() 获取或设置的是元素的纯文本内容，不包含任何 HTML 标签。

.val() 方法则主要用于处理表单元素的值，不适用于非表单元素。