Решение

Для решения этой задачи применим методы eq(index) и index(element) (листинг 10.2.3).

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

Затем нужно расширить этот набор дополнительными элементами, для того, чтобы следующие операции выполнялись уже над объединенным набором.

Решение

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

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

Решение

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

$.now(), которая была добавлена в библиотеку, начиная с версии 1.4.3 (листинг 10.3.1).

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

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

Решение

В решении задачи помогут методы animate() и stop() (листинг 3.3.2).

Решение

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

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

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

Решение

В решении этой задачи очень поможет плагин jQuery Cluetip.

В листинге 16.3.1 приведен пример самого простого варианта использования плагина — всплывающая подсказка формируется из содержимого атрибута title элемента a.

Решение

Используем селектор prev ~ siblings для решения этой задачи (листинг 1.2.4).

Листинг1 .2 .4 . Использование селектора prev ~ siblings

Решение

Для решения задачи применим один из наиболее полезных методов — each(function(index, Element)), который позволяет совершать итерации по набору элементов и выполнять функцию, переданную в качестве аргумента в контексте каждого элемента набора. Наверное, звучит не очень понятно, но после того как мы подробно разберем решение задачи, все прояснится (листинг 10.2.2).

Решение

Селектор ancestor descendant поможет решить эту задачу (листинг 1.2.1).

Листинг 1 .2 .1 . Использование селектора ancestor descendant

Решение

Для решения задачи используем метод attr(name, function(index,attr)) (листинг 2.1.3).

Листинг 2 .1 .3 . Использование метода attr(name, function(index,attr))