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.