JQuery UI
| jQuery UI | |
|---|---|
| Файл:Jquery ui-logo-black-bg.png | |
| Тип | JavaScript-библиотека |
| Разработчик | Команда jQuery UI |
| Написана на | JavaScript |
| Операционная система | Кроссплатформенное ПО |
| Первый выпуск | 17 сентября 2007 |
| Последняя версия | 1.8.14 (28 июня 2011[1]) |
| Бета-версия | |
| Репозиторий | github.com/jquery/jquery… |
| Лицензия | MIT License и GNU GPL |
| Сайт | jqueryui.com |
jQuery UI — библиотека JavaScript с открытым исходным кодом для создания насыщенного пользовательского интерфейса в веб-приложениях, часть проекта jQuery. Построена поверх главной библиотеки jQuery и предоставляет разработчику упрощенный доступ к её функциям взаимодействия, анимации и эффектов, а также набор виджетов.
Возможности [3]
Взаимодействия
- Draggable — Предоставляет элементу возможность быть перемещенным с помощью мыши (см. Drag & Drop)
- Droppable — Контролирует где перетаскиваемый элемент может быть брошен (см. Drag & Drop)
- Resizable — Предоставляет возможность динамически изменять размеры элемента с помощью мыши
- Selectable — Предоставляет возможность выделять один или несколько элементов пользовательского интерфейса из группы
- Sortable — Представляет возможность сортировки для группы элементов
Виджеты
- Accordion — виджет «Аккордеон»
- Autocomplete — Поле ввода с автодополнением
- Button — улучшенная кнопка, может также быть флажком (check box) или радио-кнопкой (radio button); все виды кнопки могут располагаться на панели инструментов (toolbar)
- Datepicker — виджет для выбора даты или диапазона дат
- Dialog — диалоговое окно, которое может иметь любое содержимое
- Progressbar — полоса прогресса
- Slider — слайдер
- Tabs — вкладки
Эффекты
- Color Animation — анимирует изменение цвета компонента
- Toggle Class, Add Class, Remove Class, Switch Class — анимируют изменение набора класса стилей компонента (см. CSS)
- Effect — множество эффектов связанных с появлением и исчезновением компонентов интерфейса
- Toggle — функция переключения между режимами видимости компонентов с использованием эффектов
- Hide — функция исчезновения компонента с использованием эффектов
- Show — функция появления компонента с использованием эффектов
Утилиты
- Position — установка положения элемента относительно позиции другого элемента (выравнивание)
Темы
Для всех компонентов интерфейса jQuery UI используется единая тема оформления, которая может быть выбрана из нескольких существующих, либо легко создана разработчиком с помощью ThemeRoller на сайте jQuery UI.
Ссылки
- Официальный сайт (англ.).
- Официальная документация (англ.).
- Демонстрация возможностей (англ.).
- Темы оформления (англ.).
- Учебник по jQuery и jQuery UI с упражнениями и примерами.
См. также
Источники
- ↑ González, Scott. jQuery UI 1.8.14 release (англ.) (2011-28-06).
- ↑ Gołębiowski-Owczarek M. jQuery UI 1.14.0-beta.2 released (англ.) — 2024.
- ↑ jQuery UI Demos (англ.).