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:
- 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.
- Manipulacja drzewem DOM i stylami:
$('#tekst').html('<b>Nowa treść</b>');$('#box').css('background-color', 'red');$('.element').addClass('aktywny');
- Obsługa zdarzeń:
$('#btn').click(function() { alert('Kliknięto!'); });$(document).ready(function() { ... });: Uruchomienie kodu dopiero po pełnym załadowaniu struktury DOM.
- Żą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.