jQuery text()方法

jQuery text()方法用于获取或设置元素的文本内容。本文将详细介绍text()方法的语法和用法，并提供两个示例说明。

语法

以下是text()方法基本语法：

jQuery.text([text])

在这个语法中，text是可选的，用于设置元素的文本内容。

text()方法将返回元素的文本内容，或者如果提供了text参数，则设置元素的文本内容。

示例1：获取元素的文本内容

以下是一个示例，演示如何使用text()方法获取元素的文本内容：

<div id="myDiv">Hello, world!</div>

var text = $("#myDiv").text();
console.log(text); // Hello, world!

在这个示例中，我们定义了一个包含文本内容"Hello, world!"的<div>元素。然后，我们使用$()方法选择该元素，并使用text()方法获取其文本内容。我们通过console.log()方法输出文本内容，以验证是否已成功获取。

示例2：设置元素的文本内容

以下是另一个示例，演示如何使用text()方法设置元素的文本内容：

<div id="myDiv">Hello, world!</div>

$("#myDiv").text("Goodbye, world!");

在这个示例中，我们定义了一个包含文本内容"Hello, world!"的<div>元素。然后，我们使用$()方法选择该元素，并使用text()方法设置其文本内容为"Goodbye, world!"。我们没有输出任何内容，因为我们只是更改了元素的文本内容，而没有获取它。

综上所述，text()方法用于获取或设置元素的文本内容。本文详细介绍了text()的语法和用法，并提供了两个示例说明。