jQuery UI
 Logo programu | |
| Autor | Paul Bakaus Scott González |
|---|---|
| Pierwsze wydanie | wrzesień 2007 |
| Aktualna wersja stabilna | 1.13.2 (14 lipca 2022) [±] |
| Aktualna wersja testowa | 1.12.0-beta.1 (23 grudnia 2015) [±] |
| Język programowania | JavaScript (jQuery), HTML, CSS |
| Rodzaj | biblioteka programistyczna |
| Licencja | MIT[1] |
| Strona internetowa | |
jQuery UI – kolekcja gotowych widżetów, efektów graficznych oraz motywów stworzonych przy pomocy jQuery (biblioteki JavaScript) oraz HTML i CSS[2]. Według usługi analitycznej JavaScript, Libscore, oprogramowanie jest używane na ponad 197 000 witrynach internetowych, co czyni go drugą najpopularniejszą biblioteką JavaScript[3]. Z oprogramowania korzystają m.in. serwisy Pinterest, PayPal, IMDb, Imgur czy Netflix[4].
Podobnie jak jQuery, jQuery UI jest darmowym oprogramowaniem o otwartym kodzie źródłowym dystrybuowanym przez jQuery Foundation na licencji MIT[1].
Funkcjonalność[edytuj | edytuj kod]
Oprogramowanie ze względu na funkcjonalność jest podzielone na cztery kategorie: interakcje, widżety, efekty oraz akcesoria, które głównie uzupełniają poprzednie.
Interakcje[edytuj | edytuj kod]
Oprogramowanie pozwala na zastosowanie pięciu sposobów interakcji z użytkownikiem na elementach dokumentu HTML:
- przeciąganie,
- upuszczanie (na przykład na inny element[5]),
- zmiana rozmiaru (z zachowaniem responsywności[6]),
- zaznaczanie (pojedynczo lub grupowo[7]),
- sortowanie (pojedynczo lub grupowo[8]).
Widżety[edytuj | edytuj kod]
Część poświęcona widżetom skupia się na przygotowanych już elementów za pomocą HTML i CSS oraz gotowych metod i zdarzeń dla nich, działając na zasadzie platformy programistycznej do tworzenia interfejsu stron internetowych[9].
Efekty[edytuj | edytuj kod]
Kategoria efektów jest uzupełnieniem tych zawartych w bibliotece jQuery. Rozszerza jej funkcjonalność m.in. o obsługę animacji dla kolorów i przejść dla elementów z nadanym atrybutem klasy języka CSS[10].
Przykładowe zastosowanie[edytuj | edytuj kod]
// element o atrybucie id "draggable" stanie się przeciągalnym
$(function () {
$("#draggable").draggable();
});
<div id="draggable">
<p>Przeciągnij mnie!</p>
</div>
Powyższy fragment kodu uczyni wskazany element przeciągalnym za pomocą kursora.
Linki zewnętrzne[edytuj | edytuj kod]
- Repozytorium oprogramowania w serwisie GitHub
Przypisy[edytuj | edytuj kod]
- ↑ a b License. jquery.org. [dostęp 2018-07-07]. (ang.).
- ↑ Opis oprogramowania na stronie głównej. jqueryui.com. [dostęp 2018-07-07]. (ang.).
- ↑ Libscore scans the top million sites on the web to collect stats on JavaScript library usage. libscore.com. [dostęp 2018-07-07]. (ang.).
- ↑ Lista serwisów korzystających z JQuery UI. libscore.com. [dostęp 2018-07-07]. (ang.).
- ↑ Droppable. jqueryui.com. [dostęp 2018-07-07]. (ang.).
- ↑ Resizable. jqueryui.com. [dostęp 2018-07-07]. (ang.).
- ↑ Selectable. jqueryui.com. [dostęp 2018-07-07]. (ang.).
- ↑ Sortable. jqueryui.com. [dostęp 2018-07-07]. (ang.).
- ↑ Category: Widgets. api.jqueryui.com. [dostęp 2018-07-07]. (ang.).
- ↑ Category: Effects. api.jqueryui.com. [dostęp 2018-07-07]. (ang.).