jquery - Firefox 和 Chrome 中的文本发生更改后，无法清除 textarea

Question

简单用例：Textarea 和 Button，当单击按钮时，Textarea 中的文本会发生变化。

示例：JS

$('button').click(function(){
    $('#t1').text('test');
});

HTML：

<textarea id="t1" cols="10" rows="5"></textarea><button>Clear</button>

提琴手示例

但是，当我更改按钮然后单击按钮时，Chrome 和 Firefeox中的文本不会更改（在 IE10 中它的工作原理是）。（在最新版本的 Chrome 和 Firefox 中测试）

当我调试它并检查 textarea 的文本时，它会显示正确的值。

这是浏览器错误、jQuery 错误还是我遗漏了什么？

Answer 1

一个textarea元素有一个值，所以用val('')它来设置它，像这样：

$('button').click(function(){
    $('#t1').val('test');
});

示例小提琴