📘 Przykłady zastosowań jQuery

jQuery to biblioteka JavaScript ułatwiająca manipulowanie elementami strony WWW, obsługę zdarzeń, animacje oraz pracę z formularzami.

Ważne: wszystkie selektory jQuery rozpoczynają się od znaku $().

🧪 Przykłady

Kod jQuery najlepiej umieszczać w funkcji $(document).ready(). Zapobiega to uruchomieniu kodu przed pełnym załadowaniem strony.


$(document).ready(function() {

    // kod jQuery

});

Można także użyć krótszego zapisu:


$(function() {

    // kod jQuery

});

Selektory umożliwiają wybór elementów HTML i wykonywanie na nich operacji.

Selektor	Działanie
`$("h1")`	wybiera wszystkie nagłówki h1
`$(".klasa")`	wybiera elementy o podanej klasie
`$("#id")`	wybiera element o konkretnym identyfikatorze
`$("*")`	wybiera wszystkie elementy
`$("p:first")`	wybiera pierwszy akapit
`$("[name]")`	wybiera elementy z atrybutem name
`$("a, p, div")`	wybiera wiele elementów jednocześnie
`$("div p")`	wybiera akapity wewnątrz div

Metoda	Opis
`.parent()`	wyszukuje element nadrzędny
`.children()`	wyszukuje elementy potomne
`.prev()`	poprzedni element
`.next()`	następny element

Korzystając z metod pomocniczych można łatwo poruszać się po strukturze DOM dokumentu HTML.