Składnia jQuery
Za pomocą jQuery wybierasz (zapytanie) elementy HTML i wykonujesz na nich "akcje".
Składnia jQuery
Składnia jQuery jest dostosowana do wybierania elementów HTML i wykonywania pewnych działań na elemencie(ach).
Podstawowa składnia to: $( selektor ). akcja ()
- Znak $ do definiowania/dostępu do jQuery
- A ( selektor ) do "zapytania (lub znalezienia)" elementów HTML
- Akcja jQuery (), która ma zostać wykonana na elemencie(ach)
Przykłady:
$(this).hide()
- ukrywa bieżący element.
$("p").hide()
- ukrywa wszystkie <p> elementy.
$(".test").hide()
- ukrywa wszystkie elementy z class="test".
$("#test").hide()
- ukrywa element z id="test".
Czy znasz selektory CSS?
jQuery używa składni CSS do wybierania elementów. Więcej o składni selektora dowiesz się w następnym rozdziale tego samouczka.
Wskazówka: jeśli nie znasz CSS, możesz przeczytać nasz samouczek CSS .
Wydarzenie związane z przygotowaniem dokumentu
Być może zauważyłeś, że wszystkie metody jQuery w naszych przykładach znajdują się w zdarzeniu gotowości dokumentu:
$(document).ready(function(){
// jQuery methods go here...
});
Ma to zapobiec uruchomieniu jakiegokolwiek kodu jQuery przed zakończeniem ładowania dokumentu (jest gotowy).
Dobrą praktyką jest poczekanie, aż dokument zostanie w pełni załadowany i gotowy przed rozpoczęciem pracy z nim. Pozwala to również na umieszczenie kodu JavaScript przed treścią dokumentu, w sekcji head.
Oto kilka przykładów akcji, które mogą zakończyć się niepowodzeniem, jeśli metody zostaną uruchomione przed pełnym załadowaniem dokumentu:
- Próba ukrycia elementu, który nie został jeszcze utworzony
- Próbuję uzyskać rozmiar obrazu, który nie jest jeszcze załadowany
Wskazówka: Zespół jQuery stworzył również jeszcze krótszą metodę zdarzenia gotowości dokumentu:
$(function(){
// jQuery methods go here...
});
Użyj preferowanej składni. Uważamy, że zdarzenie gotowości dokumentu jest łatwiejsze do zrozumienia podczas czytania kodu.