val () против text () для текстового поля

Я использую jQuery, и мне интересно, следует ли использовать val () или text () (или другой метод) для чтения и обновления содержимого текстового поля.

Я пробовал оба, и у меня были проблемы с обоими. Когда я использую text () для обновления textarea, разрывы строк (\ n) не работают. Когда я использую val () для получения содержимого текстового поля, текст обрезается, если он слишком длинный.

Лучший способ набора / получить значение текстового поля является .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()«S возвращаемое значение может быть неправильным.

.val()всегда работает с textareaэлементами.

.text()иногда работает, а иногда не работает! Это ненадежно (проверено в Chrome 33)

Что лучше всего, так это то, что они .val()без проблем работают и с другими элементами формы (например, input), тогда как .text()не работают .