val () vs. text () para textarea

Estou usando jQuery e me perguntando se devo usar val () ou text () (ou outro método) para ler e atualizar o conteúdo de uma textarea.

Eu tentei ambos e tive problemas com ambos. Quando eu uso text () para atualizar textarea, as quebras de linha (\ n) não funcionam. Quando eu uso val () para recuperar o conteúdo textarea, o texto fica truncado se for muito longo.

A melhor maneira de set / get o valor de uma textarea é a .val(), .valuemétodo.

.text()usa internamente o .textContent(ou.innerText método para o IE) para obter o conteúdo de a <textarea>. Os seguintes casos de teste ilustram como text()e se .val()relacionam entre si:

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

A value propriedade , usada por .val()sempre mostra o valor visível atual, enquanto text()o valor de retorno de pode estar errado.

.val()sempre trabalha com textareaelementos.

.text()funciona às vezes e falha outras vezes! Não é confiável (testado no Chrome 33)

O melhor é que .val()funcione perfeitamente com outros elementos do formulário também (como input), enquanto .text()falha.