📚 Co to jest jQuery?

jQuery to biblioteka JavaScript upraszczająca:

• obsługę zdarzeń
• animacje
• manipulację HTML
• zmianę CSS
• obsługę formularzy

$("p").hide();

Kod wybiera wszystkie akapity i ukrywa je.

⚙️ document.ready()

Kod jQuery zwykle umieszczamy wewnątrz:

$(document).ready(function(){

    // kod jQuery

});

Dzięki temu kod uruchomi się po załadowaniu strony.

🧪 Przykład 1 – ukrywanie tekstu

Po kliknięciu przycisku akapity zostaną ukryte.

$("button").click(function(){

    $("p").hide();

});

🧪 Przykład 2 – ukrywanie linków

Selektor [href] wybiera wszystkie elementy posiadające href.

$("[href]").hide();

🧪 Przykład 3 – zmiana czcionki nagłówków

Selektor :header wybiera wszystkie nagłówki.

$(":header").css("font-family","Courier New");

🧪 Przykład 4 – kolorowanie pola hasła

Selektor :password wybiera pola typu password.

$(":password").css("background-color","orange");

🎯 Najważniejsze selektory

📝 Mini test