JQuery UI - JQuery UI

JQuery UI
JQuery UI Logo.svg
Разработчики)
  • Пол Бакаус
  • Скотт Гонсалес
  • Йорн Заефферер
  • Феликс Нагель
  • Майк Шеров
  • Рафаэль Ксавье де Соуза[1]
Стабильный выпуск
1.12.1 / 14 сентября 2016 г. (2016-09-14)[2]
Репозиторий
Отредактируйте это в Викиданных
Написано вJavaScript
ТипПлагин
ЛицензияЛицензия MIT[3]
Интернет сайтjqueryui.com

jQuery UI это собрание Виджеты GUI, анимированные визуальные эффекты и темы реализовано с jQuery (а JavaScript библиотека ), Каскадные таблицы стилей, и HTML.[4] По данным службы аналитики JavaScript, Libscore, пользовательский интерфейс jQuery использовался более чем на 197 000 из миллиона веб-сайтов с наибольшим успехом, что сделало его второй по популярности библиотекой JavaScript.[5] Известные пользователи включают Pinterest, PayPal, IMDb, The Huffington Post, и Netflix.[6]

И jQuery, и jQuery UI являются бесплатное программное обеспечение с открытым исходным кодом распространяется jQuery Foundation под Лицензия MIT; Пользовательский интерфейс jQuery был впервые опубликован в сентябре 2007 года.[3][7]

Функции

Начиная с версии 1.11.4:[8]

Взаимодействия

Перетаскиваемый, перетаскиваемый, изменяемый размер, выбираемый, сортируемый

Виджеты

Все виджеты пользовательского интерфейса jQuery полностью настраиваются с использованием единого скоординированного механизма тем.[9]

  • Аккордеон - Аккордеонные контейнеры
  • Автозаполнение - Автозаполнение ящиков в зависимости от того, что вводит пользователь
  • Кнопка - Улучшен внешний вид кнопок, переключите переключатели и флажки в кнопки.
  • Datepicker - Расширенный выбор даты
  • Диалог - Простое и надежное отображение диалоговых окон поверх другого контента
  • Меню - Показать меню
  • Индикатор - Полосы прогресса, как анимированные, так и нет
  • Selectmenu - Дублирует и расширяет функциональность встроенного элемента выбора HTML, чтобы преодолеть ограничения встроенного элемента управления.
  • Слайдер - Полностью настраиваемые слайдеры
  • Спиннер - Показать счетчик чисел
  • Вкладки - Управление пользовательским интерфейсом с вкладками, как со встроенным, так и с загружаемым по запросу контентом
  • Подсказка - Показать всплывающую подсказку

Последствия

  • Цветная анимация - Анимируйте переход от одного цвета к другому
  • Переключить класс, Добавить класс, Удалить класс, Переключить класс - Анимируйте переход от одного набора стилей к другому
  • Эффект - Разнообразные эффекты (появление, скольжение вниз, взрыв, исчезновение и т. Д.)
  • Переключать - Включение и выключение эффекта
  • Скрывать, Показать - Использование эффектов выше

Утилиты

  • Позиция - Установить позицию элемента относительно позиции другого элемента (выравнивание)
  • Фабрика виджетов - Создавайте плагины jQuery с отслеживанием состояния, используя ту же абстракцию, что и все виджеты пользовательского интерфейса jQuery.

Пример

// Делаем элемент с id "перетаскиваемым" перетаскиваемым$(функция () {	$("#перетаскиваемый").перетаскиваемый();});
<div я бы="перетаскиваемый">	<п>Перетащите меня</п></div>

Это делает div с идентификатором "перетаскиваемым" мышью пользователя.

История выпуска

Пользовательский интерфейс jQuery был запущен 17 сентября 2007 года.[7]

Дата выхода[10]Номер версииjQuery ЗависимостьДополнительные примечания
17 сен.20071.2.1+изначальный выпуск[7]
8 июня 2008 г.1.5
16 апреля 2009 г.1.61.2.6+Выпуск совместимости для jQuery 1.2.6.
3 марта 2009 г.1.71.3.2+
18 марта 2010 г.1.81.3.2+
19 янв.2011 г.1.8.91.3.2+
22 февраля 2011 г.1.8.101.3.2+
15 марта 2011 г.1.8.111.3.2+
13 апреля 2011 г.1.8.121.3.2+
12 мая 2011 г.1.8.131.3.2+
17 июня 2011 г.1.8.141.3.2+
1 августа 2011 г.1.8.151.3.2+
15 августа 2011 г.1.8.161.3.2+
10 янв.2012 г.1.8.171.3.2+
20 февраля 2012 г.1.8.181.3.2+
16 апреля 2012 г.1.8.191.3.2+
30 апреля 2012 г.1.8.201.3.2+
5 июня 2012 г.1.8.211.3.2+
24 июля 2012 г.1.8.221.3.2+
15 августа 2012 г.1.8.231.3.2+
28 сен.20121.8.241.3.2+
8 октября 2012 г.1.9.01.6+
25 октября 2012 г.1.9.11.6+
23 ноя.20121.9.21.6+
17 янв.2013 г.1.10.01.6+Прекращена поддержка IE6[11]
15 февраля 2013 г.1.10.11.6+
14 марта 2013 г.1.10.21.6+
3 мая 2013 г.1.10.31.6+
17 янв.2014 г.1.10.41.6+
25 апреля 2014 г.1.11.0-beta.11.6+Прекращена поддержка IE7[12]
23 мая 2014 г.1.11.0-beta.21.6+
26 июня 2014 г.1.11.01.6+
13 августа 2014 г.1.11.11.6+
16 октября 2014 г.1.11.21.6+
12 февраля 2015 г.1.11.31.6+
11 марта 2015 г.1.11.41.6+
26 янв.2016 г.1.12.0-beta.11.7+Прекращена поддержка IE8, IE9, IE10[13]
17 марта 2016 г.1.12.0-rc.11.7+
21 апреля 2016 г.1.12.0-RC.21.7+
8 июля 2016 г.1.12.0 (без объявления)1.7+
14 сен.20161.12.11.7+

Рекомендации

  1. ^ "Команда пользовательского интерфейса jQuery". jqueryui.com. Фонд jQuery. Получено 5 февраля 2016.
  2. ^ "jQuery UI 1.12.1". jqueryui.com. 14 сентября 2016 г.
  3. ^ а б "Лицензия". jQuery.com. Фонд jQuery. Получено 12 июн 2014.
  4. ^ Саррион, Эрик (2012). jQuery UI. Севастополь: O'Reilly Media. С. 1–4. ISBN  9781449316990. OCLC  768796881.
  5. ^ http://libscore.com/#libs
  6. ^ http://libscore.com/#$.ui
  7. ^ а б c Джон Ресиг (17 сентября 2007 г.). «Пользовательский интерфейс jQuery: взаимодействия и плагины». блог jQuery. Получено 12 августа 2012.
  8. ^ "Демонстрации пользовательского интерфейса jQuery". jQuery UI. Получено 5 февраля 2016.
  9. ^ "jQuery UI: ThemeRoller". jQuery UI. Получено 5 февраля 2016.
  10. ^ "jQuery UI - Документация: UIChangelog". Получено 2 апреля, 2012.
  11. ^ jQuery UI 1.10.0, получено 15 февраля 2013 г.
  12. ^ jQuery UI 1.11.0-beta.1, получено 1 мая 2014 г.
  13. ^ jQuery UI 1.12.0-beta.1, получено 5 февраля 2016 г.

дальнейшее чтение

внешняя ссылка