jQuery

jQuery jest to lekka biblioteka programistyczna przeznaczona dla języka JavaScript.

jQuery jest najpopularniejszą z obecnie używanych bibliotek JavaScript’owych. Biblioteka ta jest darmowa i oparta na licencji zgodnej z definicją otwartego oprogramowania (open-source). Jest to też biblioteka najłatwiej rozszerzalna.

Składnia jQuery została zaprojektowana tak, aby ułatwić poruszanie się po dokumencie, wybierane elementów DOM, tworzenie animacji czy obsługiwanie zdarzeń. Dużo zadań, które w JavaScript’cie zajmują wiele linii kodu w jQuery jest wykonywanych przez proste jednolinijkowe wywołania funkcji. Skrypty pisane z wykorzystaniem jQuery są zwięzłe, czytelne i mają prostą składnię. Sama biblioteka ma małą objętość i dużo dodatkowych wtyczek.

Zalety jQuery

Dokumentacja

jQuery posiada bardzo solidną dokumentację. Każda funkcja jest dobrze opisana i ma oznaczoną wersję biblioteki, w której pojawiła się po raz pierwszy. Poza samym opisem API dokumentacja zawiera też przykładowe fragmenty kodu oraz komentarze i wskazówki programistów. Link do dokumentacji znajduje się na dole tej strony w sekcji “Przydatne linki”.

Rozszerzalność

Dla jQuery powstało wiele zbiorów wtyczek napisanych przez programistów korzystających z biblioteki. Najbardziej znanym rozszerzeniem jest jQuery UI pomagające w tworzeniu interfejsu użytkownika. Link do repozytorium wtyczek znajduje się na dole tej strony w sekcji “Przydatne linki”.

Kompatybilność z przeglądarkami

Programista korzystający z jQuery nie musi martwić się o błędy i niezgodności w obsłudze DOM w różnych przeglądarkach. API jQuery izoluje go od tych problemów.

Testy

Zdecydowana większość modułów jQuery ma przygotowane testy jednostkowe. Istnieje również framework do testowania jQuery - Qunit.

Otwartość

jQuery jest projektem open-source, co oznacza, że każdy może zobaczyć kod biblioteki i brać udział w jej rozwoju lub skopiować jej kod i zmodyfikować go na własne potrzeby.

Przykład użycia

Kod dodający klasę "selected" do wszystkich elementów z klasą "hello-class" napisany w czystym JavaScript'cie:


var d = document.getElementsByClassName("hello-class");
var i;
for (i = 0; i < d.length; i++) {
	d[i].className = d[i].className + " selected";
}
      

Kod wykonujący to smao zadanie napisany przy użyciu jQuery:


$(".hello-class").addClass( "selected" );