jQuery UI

Август 11, 2022

Содержание

2. jQuery UI
3. ЧТО ТАКОЕ JQUERY UI jQuery UI — библиотека JavaScript с открытым исходным кодом для создания насыщенного
4. Возможности Взаимодействия Draggable — Предоставляет элементу возможность быть перемещенным с помощью мыши (см. Drag & Drop)
5. ПОДКЛЮЧЕНИЕ JQUERY UI Для того, чтобы воспользоваться возможностями плагинов jQuery UI их необходимо вначале подключить к
6. ПОДКЛЮЧЕНИЕ JQUERY UI Локальное подключение jQuery UI Необходимо перейти на сайт http://jqueryui.com/download/ Выбрать необходимые компоненты Выбрать
7. ПОДКЛЮЧЕНИЕ JQUERY UI 6) Подключить скрипты к странице
8. ПОДКЛЮЧЕНИЕ JQUERY UI Удаленное подключение jQuery UI В этом варианте подключения Вы не можете настраивать комплектацию
9. ВИДЖЕТЫ Accordion — виджет «Аккордеон» Ссылка http://jqueryui.com/accordion/
10. ВИДЖЕТЫ Autocomplete — Поле ввода с автодополнением Ссылка http://jqueryui.com/autocomplete/
11. ВИДЖЕТЫ Button — улучшенная кнопка, может также быть флажком (check box) или радио-кнопкой (radio button); все
12. ВИДЖЕТЫ Datepicker — виджет для выбора даты или диапазона дат Ссылка http://jqueryui.com/datepicker/
13. ВИДЖЕТЫ Dialog — диалоговое окно, которое может иметь любое содержимое Ссылка http://jqueryui.com/dialog/
14. ВИДЖЕТЫ Slider — слайдер Ссылка http://jqueryui.com/slider/#custom-handle
15. ВИДЖЕТЫ Tabs — вкладки Ссылка http://jqueryui.com/tabs/
17. Скачать презентацию

Слайд 2

jQuery UI

Слайд 3

ЧТО ТАКОЕ JQUERY UI
jQuery UI — библиотека JavaScript с открытым исходным

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

Слайд 4

Возможности
Взаимодействия
Draggable — Предоставляет элементу возможность быть перемещенным с помощью мыши

(см. Drag & Drop)
Droppable — Контролирует где перетаскиваемый элемент может быть брошен (см. Drag & Drop)
Resizable — Предоставляет возможность динамически изменять размеры элемента с помощью мыши
Selectable — Предоставляет возможность выделять один или несколько элементов пользовательского интерфейса из группы
Sortable — Представляет возможность сортировки для группы элементов

Слайд 5

ПОДКЛЮЧЕНИЕ JQUERY UI
Для того, чтобы воспользоваться возможностями плагинов jQuery UI их

необходимо вначале подключить к странице, на которой они будут использоваться.
Существуют два варианта подключения jQuery UI:
Локальное подключение. Данный способ требует скачивание специального файла с официального сайта;
Удаленное подключение. Данный способ не требует скачивание файла, а вместо этого использует его удаленно (данная услуга предоставляется компанией Google).

Слайд 6

ПОДКЛЮЧЕНИЕ JQUERY UI
Локальное подключение jQuery UI
Необходимо перейти на сайт http://jqueryui.com/download/
Выбрать

необходимые компоненты
Выбрать оформление
Выбрать версию
Скачать jQuery UI

Слайд 7

ПОДКЛЮЧЕНИЕ JQUERY UI
6) Подключить скрипты к странице

Слайд 8

ПОДКЛЮЧЕНИЕ JQUERY UI
Удаленное подключение jQuery UI
В этом варианте подключения Вы не

можете настраивать комплектацию jQuery UI и можете использовать только ее стандартную версию.
Для того, чтобы подключить библиотеку удаленно необходимо добавить следующие строчки в секцию head Вашей страницы:

Слайд 9

ВИДЖЕТЫ
Accordion — виджет «Аккордеон»
Ссылка http://jqueryui.com/accordion/

Слайд 10

ВИДЖЕТЫ
Autocomplete — Поле ввода с автодополнением
Ссылка http://jqueryui.com/autocomplete/

Слайд 11

ВИДЖЕТЫ
Button — улучшенная кнопка, может также быть флажком (check box) или

радио-кнопкой (radio button); все виды кнопки могут располагаться на панели инструментов (toolbar)
Ссылка http://jqueryui.com/button/#icons

Слайд 12

ВИДЖЕТЫ
Datepicker — виджет для выбора даты или диапазона дат
Ссылка http://jqueryui.com/datepicker/

Слайд 13

ВИДЖЕТЫ
Dialog — диалоговое окно, которое может иметь любое содержимое
Ссылка http://jqueryui.com/dialog/

Слайд 14

ВИДЖЕТЫ
Slider — слайдер
Ссылка http://jqueryui.com/slider/#custom-handle

Слайд 15

jQuery UI

Содержание

jQuery UI

ЧТО ТАКОЕ JQUERY UIjQuery UI — библиотека JavaScript с открытым исходным

Возможности ВзаимодействияDraggable — Предоставляет элементу возможность быть перемещенным с помощью мыши

ПОДКЛЮЧЕНИЕ JQUERY UIДля того, чтобы воспользоваться возможностями плагинов jQuery UI их

ПОДКЛЮЧЕНИЕ JQUERY UIЛокальное подключение jQuery UIНеобходимо перейти на сайт http://jqueryui.com/download/ Выбрать

ПОДКЛЮЧЕНИЕ JQUERY UI6) Подключить скрипты к странице

ПОДКЛЮЧЕНИЕ JQUERY UIУдаленное подключение jQuery UIВ этом варианте подключения Вы не

ВИДЖЕТЫAccordion — виджет «Аккордеон»Ссылка http://jqueryui.com/accordion/

ВИДЖЕТЫAutocomplete — Поле ввода с автодополнениемСсылка http://jqueryui.com/autocomplete/

ВИДЖЕТЫButton — улучшенная кнопка, может также быть флажком (check box) или

ВИДЖЕТЫDatepicker — виджет для выбора даты или диапазона датСсылка http://jqueryui.com/datepicker/

ВИДЖЕТЫDialog — диалоговое окно, которое может иметь любое содержимоеСсылка http://jqueryui.com/dialog/

ВИДЖЕТЫSlider — слайдерСсылка http://jqueryui.com/slider/#custom-handle

ВИДЖЕТЫTabs — вкладкиСсылка http://jqueryui.com/tabs/

Похожие презентации

ЧТО ТАКОЕ JQUERY UI
jQuery UI — библиотека JavaScript с открытым исходным

Возможности
Взаимодействия
Draggable — Предоставляет элементу возможность быть перемещенным с помощью мыши

ПОДКЛЮЧЕНИЕ JQUERY UI
Для того, чтобы воспользоваться возможностями плагинов jQuery UI их

ПОДКЛЮЧЕНИЕ JQUERY UI
Локальное подключение jQuery UI
Необходимо перейти на сайт http://jqueryui.com/download/
Выбрать

ПОДКЛЮЧЕНИЕ JQUERY UI
6) Подключить скрипты к странице

ПОДКЛЮЧЕНИЕ JQUERY UI
Удаленное подключение jQuery UI
В этом варианте подключения Вы не

ВИДЖЕТЫ
Accordion — виджет «Аккордеон»
Ссылка http://jqueryui.com/accordion/

ВИДЖЕТЫ
Autocomplete — Поле ввода с автодополнением
Ссылка http://jqueryui.com/autocomplete/

ВИДЖЕТЫ
Button — улучшенная кнопка, может также быть флажком (check box) или

ВИДЖЕТЫ
Datepicker — виджет для выбора даты или диапазона дат
Ссылка http://jqueryui.com/datepicker/

ВИДЖЕТЫ
Dialog — диалоговое окно, которое может иметь любое содержимое
Ссылка http://jqueryui.com/dialog/

ВИДЖЕТЫ
Slider — слайдер
Ссылка http://jqueryui.com/slider/#custom-handle

ВИДЖЕТЫ
Tabs — вкладки
Ссылка http://jqueryui.com/tabs/