在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>

Fiddler example

然而，当我更改按钮然后单击按钮时，文本不会在Chrome和Firefeox中更改 （在IE10中可用作）。 （在最新版本的Chrome和Firefox中测试过）

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

这是一个浏览器错误，jQuery错误还是我错过了什么？

Answer 1

textarea元素有一个值，因此请使用val('')进行设置，如下所示：

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

Example fiddle