jQuery text()

jQuery是一个JavaScript库，它能帮助我们更容易地操作HTML文档、处理事件以及动态创建HTML元素等。其中，.text() 方法是jQuery中的一个非常重要且常用的方法。

什么是jQuery text()方法？

.text() 方法是用于获取或设置元素的文本内容的方法。当该方法被调用并传入参数时，它会将该参数设置为元素的文本内容。而当该方法被调用但未传入参数时，它会返回元素的文本内容。

jQuery text()方法的用法：

获取元素的文本内容

// 获取元素的文本内容
$(selector).text();

设置元素的文本内容

// 设置元素的文本内容
$(selector).text(value);

示例

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

HTML 代码：

<div id='test'>Hello World!</div>

JavaScript 代码：

// 获取id为test的元素的文本内容
var text = $('#test').text();

// 输出文本内容到控制台
console.log(text); // Hello World!

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

HTML 代码：

<div id='test'>Hello World!</div>

JavaScript 代码：

// 设置id为test的元素的文本内容
$('#test').text('Hello, jQuery!');

// 获取id为test的元素的新文本内容
var text = $('#test').text();

// 输出新文本内容到控制台
console.log(text); // Hello, jQuery!

注意事项

• .text() 方法只能获取或设置元素的文本内容，不能用于HTML代码。

• 当该方法被传入参数时，该参数会被直接拼接到元素上，所以要注意避免XSS攻击。