Решение

Решим задачу с помощью метода siblings() (листинг 7.1.6).

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

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

Dialog — это плавающее окно, которое содержит область заголовка и область информационного наполнения. Окно диалога можно перемещать, изменять его размеры и закрыть, щелкнув по значку ‘x’. Если информационное наполнение превысит максимальную высоту, то полоса прокрутки появится автоматически. Внешний вид виджета Dialog в одном из многочисленных вариантов оформления представлен на рис. 17.3.

Виджет Button задает стилевое оформление таких стандартных элементов, как button, input типа submit или reset, а также элементов a, включая соответствующее поведение при наведении указателя мыши. Также виджет может быть применен к элементам input типа radio и checkbox. Внешний вид элементов, оформленных с использованием темы "sunny", представлен на рис. 17.7.

Условия отбора элементов достаточно сложны, и их невозможно описать с помощью стандартных селекторов.

Решение

При решении такой задачи применим уже знакомый метод filter(), но воспользуемся тем обстоятельством, что в качестве аргумента этот метод может принимать функцию (листинг 7.2.2).

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

Решение

Решить задачу позволяет фильтр :header (листинг 1.3.9).

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

Решение

Решим задачу с помощью двух фильтров — :visible и :hidden (листинг 1.5.1).

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

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

Решение

Задачу можно решить с помощью пары методов mouseover — mouseout, а можно и по-другому (листинг 8.3.1), применив метод hover(handlerIn(eventObject), handlerOut(eventObject)).

Решение

Для решения применим эффекты UI jQuery — надстройки, которая расширяет возможности библиотеки. Таких эффектов всего 14, и они могут быть использованы как сами по себе, так и совместно с методами show(), hide() и toggle(). Реализацию эффекта explode совместно с методом hide() иллюстрирует листинг 3.4.1.

Решение

Для решения такой задачи в библиотеке jQuery предусмотрены методы html() и

text() (листинг 2.3.1).

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

Решение

Решим задачу с помощью того же метода attr(), воспользовавшись возможностью передать ему в качестве единственного аргумента объект, свойствами которого являются названия атрибутов, а значениями этих свойств — значения атрибутов элемента (листинг 2.1.2).

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