value форм в jQuery

Для работы с атрибутом value инпутов также можно использовать метод val, который позволяет считывать и записывать новые значения.

Рассмотрим пример. Пусть у нас есть следующий HTML код:

<input type="text" id="test" value="!!!">

Давайте запишем новое значение 'www' в атрибут value:

$('#test').val('www');

HTML код станет выглядеть так:

<input type="text" id="test" value="www">

А теперь давайте выведем текущее значение на экран:

alert($('#test').val());

Также для метода val доступно применение функции к каждому элементу в наборе. Функция принимает первым параметром текущий номер в наборе, а вторым - его текущее значение.

Есть еще один нюанс - для тега textarea нельзя получить внутреннее содержимое через метод html. Для этого нужно пользоваться методом val.

Рассмотрим следующий HTML код:

<textarea id="test">!!!</textarea>

в Javascript коде прописываем метод val:

alert($('#test').val()); // выведет '!!!'

Скорее всего это сделано для однотипности работы с формами.

Установите value всех инпутов в '!'.

В value всех инпутов с классом number находятся числа. Сделайте так, чтобы в них стали квадраты этих чисел.

Выведите value инпута с классом in.

Выведите последовательно value каждого инпута.

Выведите содержимое textarea с классом text.