jquery - 文本区域的 val() 与 text()

Question

我正在使用 jQuery，想知道我是否应该使用 val() 或 text()(或其他方法)来读取和更新文本区域的内容。

我都试过了，但都遇到了问题。当我使用 text() 更新文本区域时，换行符 (\n) 不起作用。当我使用 val() 检索文本区域内容时，如果文本太长，则会被截断。

Answer 1

设置/获取文本区域值的最佳方法是 .val() , .value方法。

.text()内部使用 .textContent (或 .innerText 对于 IE)获取 <textarea> 内容的方法.以下测试用例说明了 text() 是如何工作的和 .val()相互关联:

var t = '<textarea>';
console.log($(t).text('test').val());             // Prints test
console.log($(t).val('too').text('test').val());  // Prints too
console.log($(t).val('too').text());              // Prints nothing
console.log($(t).text('test').val('too').val());  // Prints too

console.log($(t).text('test').val('too').text()); // Prints test

value 属性，由 .val() 使用始终显示当前可见值，而 text()的返回值可能是错误的。