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

Решение

Задача решается с помощью фильтра :has()(листинг 1.4.3).

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

Читать

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

Решение

Для того чтобы познакомить читателя с локальными и глобальными событиями, которые происходят при выполнении AJAX-запросов и последовательностью их возникновения, написан код, который приведен в листинге 9.3.1.

Листинг 9 .3 .1 . Л ок а л ьные и гл обал ьные с обы тия при выпол не нии AJ AX -за про с ов

Читать

Необходимо выполнить какую-либо функцию в тот момент, когда объектная модель документа (DOM) готова к обходу и манипуляциям с ней.

Решение

Для решения такой задачи в библиотеке jQuery имеется метод ready(handler) (листинг 8.1.1).

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

Читать

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

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

Решение

Для решения такой многогранной задачи хорошо подойдет плагин jqGrid. Чтобы рассказать про все возможности этого плагина, придется написать отдельную книгу. Поэтому мы будем рассматривать только самые основные варианты его применения. В листинге 12.1.1 приведен пример наполнения таблицы локальными данными.

Читать

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

Все AJAX-запросы будут отправляться одному и тому же файлу, одним и тем же методом. Различаться для всех запросов будут только отправляемые на сервер данные. Учитывая это, необходимо по возможности оптимизировать код.

Решение

Решить такую проблему вполне реально, если использовать вспомогательную функцию $.ajaxSetup(options) (листинг 9.2.2).

Читать

Необходимо реализовать возможность с помощью GET-запроса загружать и выполнять JavaScript-файлы, в том числе расположенные на другом домене.

Решение

Для решения задачи применим вспомогательную функцию $.getScript(url, [success(data, textStatus)]) (листинг 9.1.5).

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

Читать

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

Решение

В решении этой задачи нам поможет метод has() (листинг 7.2.7).

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

Читать

Требуется изменить имеющуюся HTML-разметку веб-страницы.

Из нескольких элементов a, следующих друг за другом, необходимо создать ненумерованный список, поместив каждую ссылку в тег <li> и, кроме того, в тег <strong>. Само собой разумеется, что элементы li должны быть заключены в элемент ul.

Решение

Для решения такой задачи нам понадобится сразу несколько методов — wrap(), wrapInner() и wrapAll() (листинг 6.2.7).

Читать

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

Решение

Снова воспользуемся селектором идентификатора, но перед специальными символами поставим два обратных слэша подряд (листинг 1.1.4).

Листинг1 .1 .4 . Использование селектора #id

Читать

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

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

Решение

Решение этой задачи приведено в листинге 17.5.1. Для оформления использована тема "hot-sneaks".

Читать