Przejdź do treści głównej
INF.04Aplikacje Webowe (Frontend & Backend)

Biblioteka JavaScript jQuery

Popularna biblioteka języka JavaScript ułatwiająca manipulację drzewem DOM, obsługę zdarzeń, animacje oraz asynchroniczne żądania AJAX przy użyciu selektorów CSS i symbolu $.

Czym jest jQuery?

jQuery to lekka biblioteka JavaScript stworzona w myśl zasady 'Write less, do more' (Pisz mniej, rób więcej), która ujednoliciła operacje na drzewie DOM we wszystkich przeglądarkach.

Główne mechanizmy jQuery:

  1. Selektory CSS ze znakiem dolara $():
    • $('#przycisk'): Pobranie elementu po identyfikatorze ID (id="przycisk").
    • $('.karta'): Pobranie elementów po klasie (class="karta").
    • $('p'): Pobranie wszystkich akapitów.
  2. Manipulacja drzewem DOM i stylami:
    • $('#tekst').html('<b>Nowa treść</b>');
    • $('#box').css('background-color', 'red');
    • $('.element').addClass('aktywny');
  3. Obsługa zdarzeń:
    • $('#btn').click(function() { alert('Kliknięto!'); });
    • $(document).ready(function() { ... });: Uruchomienie kodu dopiero po pełnym załadowaniu struktury DOM.
  4. Żądania AJAX:
    • $.ajax(), $.get(), $.post(), $.getJSON().

Pułapki na egzaminie INF.04:

  • jQuery jest biblioteką, a nie językiem programowania ani frameworkiem.
  • Główną funkcją i symbolem skrótowym w bibliotece jQuery jest znak dolara $.

Chcesz sprawdzić to pojęcie w praktyce?

Przeszukaj pytania z oficjalnych arkuszy CKE powiązane z hasłem Biblioteka JavaScript jQuery lub rozpocznij trening.