Над всеми элементами массива необходимо провести какие-либо преобразования.

Решение

Для решения такой задачи хорошо подходит вспомогательная функция

$.map(array, callback(elementOfArray, indexInArray)) (листинг 10.1.7).

Листинг 1 0 .1 .7 . Использование вспомога те л ьной ф ун к ции $.map()

Читать

Для какого-либо известного элемента необходимо найти один из его элементовродителей определенного типа.

Решение

Попробуем решить эту задачу с помощью методов parents() и closest() (листинг 7.1.4), попутно выяснив, в чем же отличие этих очень похожих методов.

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

Читать

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

Решение

Используем имеющиеся в библиотеке jQuery методы load(handler(eventObject)) и

unload(handler(eventObject)) (листинг 8.1.3).

Листинг 8 .1 .3 . Использование методов load() и unload()

Читать

Необходимо скрывать, показывать или переключать состояние видимости/невидимости для какого-либо элемента.

Решение

Для решения задачи воспользуемся имеющимися в составе библиотеки jQuery методами hide(), show() и toggle() (листинг 3.1.1).

Листинг 3 .1 .1 . Использование методов hide(), show() и toggle()

Читать

На веб-странице необходимо отыскать элементы div, у которых атрибут id не соответствует определенному значению.

Решение

Для решения задачи применим селектор selector[name!="value"] (листинг 1.6.3).

Листинг 1 .6 .3 . Использование селектора selector[name!="value"]

Читать

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

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

Решение

Решим эту задачу с помощью плагина jQuery Form, который позволит легко и ненавязчиво модернизировать существующую форму (листинг 14.1.1).

Листинг 1 4 .1 .1 . Использование плагина jQuery F orm

Читать

Необходимо скрывать или показывать элементы с использованием эффекта "скольжения".

Решение

Для решения в арсенале библиотеки jQuery найдутся соответствующие методы —

slideUp(), slideDown() и slideToggle() (листинг 3.2.1).

Листинг 3 .2 .1 . Использование методов slideUp(), slideDown() и slideToggle()

Читать

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

Datepicker — это интерактивный календарь, который связан с полем ввода. Щелчок в поле ввода приводит к тому, что в отдельном слое открывается небольшой календарь. Выбираете нужную дату, щелкаете мышью в любом месте страницы (или нажимаете клавишу <Esc>) и готово — дата занесена в поле ввода. Внешний вид виджета Datepicker в одном из вариантов оформления представлен на рис. 17.2.

Читать

На веб-странице необходимо отслеживать состояние элементов checkbox.

Решение

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

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

Читать

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

Этот виджет разработан, чтобы просто отображать процент выполнения какоголибо процесса. Внешний вид виджета Progressbar в одном из вариантов оформления представлен на рис. 17.4.

Читать