在使用 textarea 元素时，有时需要设置其初始值或动态修改其值，使用 jquery 操作可以很方便地实现。本文将介绍如何使用 jquery 设置 textarea 的值。
方法一：val() 方法
val() 方法可以获取或设置表单元素的值（包括 textarea 元素）。它的语法如下：
$(selector).val(value)
其中，selector 表示我们要选取的元素的选择器，value 是要设置的值。如果 value 参数省略，则该方法返回指定元素的当前值。
下面是一个示例，它为一个 ID 为 myTextarea 的 textarea 元素设置了初始值：
<textarea id="myTextarea"></textarea>
$(document).ready(function(){
$('#myTextarea').val('初始的文本内容');
});执行上述代码后，打开页面后该文本框内的文本内容会被设置为“初始的文本内容”。
我们也可以使用相同的方法来动态修改 textarea 的内容。例如，当用户单击一个按钮时，我们可以将 textarea 内容修改成“新的文本内容”：
<textarea id="myTextarea"></textarea> <button id="modifyBtn">修改内容</button>
$(document).ready(function(){
$('#myTextarea').val('初始的文本内容');
$('#modifyBtn').click(function(){
$('#myTextarea').val('新的文本内容');
});
});执行上述代码后，在页面上单击“修改内容”按钮，textarea 的内容就会被修改成“新的文本内容”。
方法二：text() 方法
另一种设置 textarea 值的方法是使用 text() 方法。该方法可以设置元素的文本内容，但忽略 HTML 标签。因此，如果 textarea 内容中包含 HTML 标签，则这些标签会被当做文本处理。text() 方法的语法如下：
$(selector).text(content)
其中，selector 表示我们要选取的元素的选择器，content 是要设置的文本内容。如果 content 参数省略，则该方法返回指定元素的当前文本内容。
下面是一个示例，它为一个 ID 为 myTextarea 的 textarea 元素设置了初始值：
<textarea id="myTextarea"></textarea>
$(document).ready(function(){
$('#myTextarea').text('初始的文本内容');
});执行上述代码后，打开页面后该 textarea 内容会被设置为“初始的文本内容”。
我们也可以使用 text() 方法动态修改 textarea 的内容。例如，当用户单击一个按钮时，我们可以将 textarea 内容修改成“新的文本内容”：
<textarea id="myTextarea"></textarea> <button id="modifyBtn">修改内容</button>
$(document).ready(function(){
$('#myTextarea').text('初始的文本内容');
$('#modifyBtn').click(function(){
$('#myTextarea').text('新的文本内容');
});
});执行上述代码后，在页面上单击“修改内容”按钮，textarea 的内容就会被修改成“新的文本内容”。
小结
以上就是 jQuery 设置 textarea 的值的两种方法。val() 方法适用于大多数情况下，而 text() 方法则适用于需要忽略 HTML 标签的情况下。如果你需要设置 textarea 的初始值或动态修改其内容，请根据具体情况选择适合的方法。
