jQuery jQuery библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу. - презентация

1

2 jQuery jQuery библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API по работе с Ajax.

3 История jQuery был создан Джоном Реззином в 2004 году. В тот момент он работа в фирме Brand Logic и занимался дизайном сайта, в котором создавался пользовательский скроллинг. Джон был разочарован, особенно потому, что использовал код других разработчиков, после чего решил серьезно изучить JavaScript. В течение пары лет Резиг создал множество различных JavaScript приложений, прежде чем закончить создание jQuery. Библиотека была представлена общественности на конференции «BarCamp» в Нью-Йорке в 2006 году.

4 Возможности Кросс-браузерный выбор DOM обьектов Перемещение и модификация DOM События (Events) Работа с CSS Визуальные эффекты и анимация AJAX-дополнения Расширяемость плагинами включая jQuery UI

5 Использование Query, как правило, включается в веб-страницу как один внешний JavaScript-файл: Вся работа с jQuery ведётся с помощью функции $. Если $ уже использоваться для своих нужд, то можно использовать её синоним jQuery

6 Использование Работу с jQuery можно разделить на 2 типа: Получение jQuery-объекта с помощью функции $ и далее работать с ними с помощью различных методов jQuery-объекта. Вызов глобальных методов у объекта $, например, удобных итераторов по массиву. $("div.test").addClass("red").slideDown("slow");

7 Функции Атрибуты Выборка CSS Сопоставимые данные Размерность Изменения Расположения События Эффекты Формы Аякс

8 Плюсы от использования Не надо самому писать тривиальный код Простота использования и изучения Кросс-браузерность Отказ от длиных конструкций JS, вроде document.getElementById(select_list) Библиотека Ajax Огромное количество плагинов Повсеместное использование а значит кэширование браузерами и ускорение загрузки

9 jQuery UI Взаимодействия: Пертаскивание (Draggable) Вложение (Droppable) Изменение размера (Resizable) Выделение (Selectable) Сортировка (Sortable) Виджеты: Аккордион, Автодополнение, Кнопки, Выбор даты, Диалоговые окна, Progressbar, Slider, Вкладки

10 Примеры Выбор элемента по классу или идентификатору $("#myDivID") $(".myDivClass") if( $("#myDiv").length ) $("#myDiv").show(); Если объект с заданным Id существует то сделать его видимым

11 Примеры Анимация сдвига вправо $("#myDivID:visible").animate({left: +=200px }, slow); $("#myDiv").html(); Получение внутреннего html кода обьекта

12 Примеры Работа с AJAX $.ajax({ url: myPage.php, success: function(response) { alert(response); } error: function(xhr) { alert(Error! Status: + xhr.status); } });

13 Спасибо за внимание.