По мере набора текста в поле ввода (элемент input) необходимо получать введенное значение и отображать его в другом элементе, например p.

Решение

Для решения задачи воспользуемся методом val() (листинг 2.4.1).

Лис ти нг 2 .4 .1 . Использование метода val()

Читать

Необходимо установить серый цвет фона только для четных строк в таблице.

Решение

Для решения задачи воспользуемся фильтром :even (листинг 1.3.3).

Листинг1 .3 .3 . Использование фильтра :even

Читать

Довольно часто возникает необходимость запоминать измененное состояние элементов DOM на веб-странице, и при ее обновлении сохранять это состояние для пользователя, инициировавшего данные изменения.

Решение

Для решения этой задачи используем очень простой, легкий и полезный плагин jQuery Cookie (листинг 16.1.1).

Листинг 1 6 .1 .1 . Использование плагина jQuery Coo k ie

Читать

На веб-странице существует форма, в которой нужно отыскать все поля, доступные для заполнения, и отметить их. То же самое необходимо сделать с теми полями, которые для заполнения недоступны.

Решение

Решить задачу помогут фильтры :enabled и :disabled (листинг 1.8.1).

Листинг 1 .8 .1 . Использование фильтров :enabled и :disabled

Читать

Поставлена задача отслеживать ход выполнения AJAX-запроса.

Необходимо выполнить некоторые действия перед отправкой запроса на сервер. Кроме того, нужно контролировать максимальное время ожидания ответа от сервера и выполнять разные действия в случае успешного ответа и сообщения об ошибке.

Решение

Для решения задачи воспользуемся вспомогательной функцией $.ajax() (листинг 9.2.1), которая может предоставить нам гораздо больше возможностей управления AJAX-запросами, чем рассмотренные функции $.get() и $.post(), по сути, являющиеся высокоуровневыми абстракциями, более простыми в понимании и применении, но с ограниченной функциональностью.

Читать

Необходимо применить на веб-странице виджет Accordion.

Решение

Решение этой задачи приведено в листинге 17.1.1. Для стилевого оформления виджета выбрана тема "smoothness".

Рис. 17.1. Виджет Accordion в одном из многочисленных вариантов оформления

Читать

Для какого-либо элемента, использующего горизонтальную и вертикальную полосы прокрутки для отображения всего содержимого

Для какого-либо элемента, использующего горизонтальную и вертикальную полосы прокрутки для отображения всего содержимого, необходимо при загрузке переместить вертикальную полосу прокрутки на 150 пикселов, а горизонтальную — на 300.

Решение

Найдутся подходящие методы и для решения такой задачи — scrollTop() и

Читать

Необходимо применить на веб-странице виджет Autocomplete.

Виджет Autocomplete помогает организовать список подходящих значений при заполнении пользователем поля ввода. Внешний вид виджета Autocomplete в одном из вариантов оформления представлен на рис. 17.8.

Читать

Необходимо выбрать все элементы, которые к моменту выбора будут находиться в процессе анимации.

Решение

Для решения задачи применим фильтр :animated()(листинг 1.3.10).

Листинг 1 .3 .1 0 . Использование фильтра :animated()

Читать

При щелчке указателем мыши на каком-либо элементе необходимо плавно изменить его прозрачность

При щелчке указателем мыши на каком-либо элементе необходимо плавно изменить его прозрачность к заданному значению и при его достижении вызвать функцию, которая выведет сообщение о завершении этого процесса.

Решение

Решить такую задачу поможет метод fadeTo() (листинг 3.2.3).

Листинг3 .2 .3 . Использование метода fadeTo()

Читать