jQuery UI

Logo programu
Autor Paul Bakaus

Scott González
Jörn Zaefferer
Felix Nagel
Mike Sherov
Rafael Xavier de Souza

Pierwsze wydanie wrzesień 2007
Aktualna wersja stabilna 1.13.3
(26 kwietnia 2024) [±]
Aktualna wersja testowa 1.12.0-beta.1
(23 grudnia 2015) [±]
Język programowania JavaScript (jQuery), HTML, CSS
Rodzaj biblioteka programistyczna
Licencja MIT
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. Według usługi analitycznej JavaScript, Libscore, oprogramowanie jest używane na ponad 197 000 witrynach internetowych, co czyni go drugą najpopularniejszą biblioteką JavaScript. Z oprogramowania korzystają m.in. serwisy Pinterest, PayPal, IMDb, Imgur czy Netflix.

Podobnie jak jQuery, jQuery UI jest darmowym oprogramowaniem o otwartym kodzie źródłowym dystrybuowanym przez jQuery Foundation na licencji MIT.

Funkcjonalność

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

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),
  • zmiana rozmiaru (z zachowaniem responsywności),
  • zaznaczanie (pojedynczo lub grupowo),
  • sortowanie (pojedynczo lub grupowo).

Widżety

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.

Efekty

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.

Przykładowe zastosowanie

// 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

Przypisy

  1. 1 2 License. jquery.org. [dostęp 2018-07-07]. (ang.).
  2. ↑ Opis oprogramowania na stronie głównej. jqueryui.com. [dostęp 2018-07-07]. (ang.).
  3. ↑ Libscore scans the top million sites on the web to collect stats on JavaScript library usage. libscore.com. [dostęp 2018-07-07]. (ang.).
  4. ↑ Lista serwisów korzystających z JQuery UI. libscore.com. [dostęp 2018-07-07]. (ang.).
  5. ↑ Droppable. jqueryui.com. [dostęp 2018-07-07]. (ang.).
  6. ↑ Resizable. jqueryui.com. [dostęp 2018-07-07]. (ang.).
  7. ↑ Selectable. jqueryui.com. [dostęp 2018-07-07]. (ang.).
  8. ↑ Sortable. jqueryui.com. [dostęp 2018-07-07]. (ang.).
  9. ↑ Category: Widgets. api.jqueryui.com. [dostęp 2018-07-07]. (ang.).
  10. ↑ Category: Effects. api.jqueryui.com. [dostęp 2018-07-07]. (ang.).
This article is issued from Wikipedia. The text is licensed under Creative Commons - Attribution - Sharealike. Additional terms may apply for the media files.