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.
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”.
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”.
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.
Zdecydowana większość modułów jQuery ma przygotowane testy jednostkowe. Istnieje również framework do testowania jQuery - Qunit.
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.
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" );