Сборник приемов jQuery для работы с текстовыми полями. Во всех примерах используется следующий HTML код:
А jQuery связывается с ним по атрибуту (селектор #text ).
Содержание
- Получить содержимое текстового поля
- Добавить значение в текстовое поле
- Добавить текст перед и после значения
- Очистить поле
- Удалить поле
- Добавить/удалить CSS класс
- version added: 1.0 .val()
- version added: 1.0 .val( value )
- version added: 1.4 .val( function(index, value) )
Получить содержимое текстового поля
Добавить значение в текстовое поле
Добавить текст перед и после значения
Очистить поле
Удалить поле
Метод remove() удаляет элементы из DOM включая дочерние.
Добавить/удалить CSS класс
Метод addClass() добавляет в атрибут значение, а removeClass() удаляет его.
Метод toggleClass() работает как переключатель, при первом вызове, если у элемента нет такого класса то добавляет, при повторном удаляет его.
Возвращает или устанавливает значение атрибута value
version added: 1.0 .val()
version added: 1.0 .val( value )
value
Тип: Строка или Массив
Строка текста или массив строк, которые для заполнения элемента. Устанавливает значение атрибута value.
version added: 1.4 .val( function(index, value) )
function(index, value)
Атрибуту value будет присвоено значение, которое вернет функция function. Функция для каждого из выбранных элементов. При вызове, ей передаются следующие параметры: index (позиция элемента в наборе) и value (текущее значение атрибута value у элемента).
Метод используется для получения значений элементов формы таких как input, select, textarea. Метод возвращает строку, в случае
Предположим, что на веб-странице есть текстовое поле вот такого формата.
Иногда возникает необходимость вытащить текст, который в это текстовое поле будет вводить пользователь.
Здесь есть два варианта:
1. Нам нужен текст, который задан для текстового поля по умолчанию в атрибуте value.
В этом случае, получить значение этого атрибута можно вот так:
Как это работает, можно посмотреть на следующем живом примере.
2. Нужен текст, который пользователь будет вводить в это текстовое поле.
Тот, текст, который пользователь будет вводить в текстовое поле, не записывается в значение атрибута alt. Для того, чтобы получить доступ к нему, нужно воспользоваться вот такой командой:
Посмотрите на следующий пример и попробуйте ввести в это текстовое поле какой-либо текст.
Источник: