jQuery UI
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].
Logo programu | |
Autor | Paul Bakaus Scott González |
---|---|
Pierwsze wydanie | wrzesień 2007 |
Aktualna wersja stabilna | 1.14.1 (30 października 2024) [±] |
Aktualna wersja testowa | 1.14.0-beta.2 (14 czerwca 2024) [±] |
Język programowania | JavaScript (jQuery), HTML, CSS |
Rodzaj | biblioteka programistyczna |
Licencja | MIT[1] |
Strona internetowa |
Podobnie jak jQuery, jQuery UI jest darmowym oprogramowaniem o otwartym kodzie źródłowym dystrybuowanym przez jQuery Foundation na licencji MIT[1].
Funkcjonalność
edytujOprogramowanie ze względu na funkcjonalność jest podzielone na cztery kategorie: interakcje, widżety, efekty oraz akcesoria, które głównie uzupełniają poprzednie.
Interakcje
edytujOprogramowanie 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
edytujCzęść 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
edytujKategoria 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// 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- Repozytorium oprogramowania w serwisie GitHub
Przypisy
edytuj- ↑ 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.).