Пример использования

Пример

$(document).ready(function(){
  
   $("#but1").click(function(){
      alert($("#text1").val());
   });
   $("#but2").click(function(){
      $("#text1").val("Значение текстового поля было изменено...");
   });
   $("#but3").click(function(){
      $("#but3").val(function(i,oldval){
         if (oldval=="Покрасить элемент в синий цвет")
            return "Покрасить элемент в черный цвет";
         if (oldval=="Покрасить элемент в черный цвет")
            return "Покрасить элемент в синий цвет";
      });
   });
   $("#but3").click(function(){
      $("#par1").toggleClass("blue");
   });

});

Попробовать в редакторе

Определение и использование

С помощью метода val Вы можете узнать текущее или установить новое значение свойства value выбранного элемента.

Обратите внимание: метод возвращает значение атрибута value только первого совпавшего с селектором элемента, но устанавливает новое значение всем элементам, которые совпали с селектором.

Синтаксис

//Вернем значение атрибута value первого совпавшего с селектором элемента
$(селектор).val()
//Установим новое значение атрибута value всем элементам совпавшим с селектором
$(селектор).val(новое_значение)
//Установим новое значение всем выбранным элементам с помощью функции
$(селектор).val(function(индекс,старое_значение))

селектор выбирает элемент.

новое_значение новое значение, которое будет установлено атрибуту value выбранного элемента.

function функция, которая возвращает новое значение, которое будет установлено атрибуту value выбранного элемента.

индекс (необязательный параметр)функции. Параметр передающийся функции и обозначающий порядковый номер селектора.

старое_значение (необязательный параметр)функции. Параметр содержащий старое значение атрибута value выбранного элемента.

« Методы манипулирования DOM