Z jQuery wybrania (zapytanie) elementy HTML i wykonaj "działania" na nich.
Składnia jQuery
Składnia jQuery jest dostosowane dowybierania elementów HTML i wykonując pewne działaniana element(s) .
Podstawowa składnia jest: $(selector).action()
- $ Znak zdefiniować / dostęp jQuery
- A(selektor)do "zapytania (albo znaleźć)" elementy HTML
- JQuery action () , aby wykonać na element(s)
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 o id="test" .
Czy jesteś zaznajomiony z selektorów CSS?
jQuery używa składni CSS, aby wybrać elementy. Dowiesz się więcej o składni selektora w następnym rozdziale tego podręcznika.
Gotowy dokument zdarzeń
Można zauważyć, że wszystkie metody jQuery w naszych przykładach są wewnątrz dokumentu gotowy imprezy:
$(document).ready(function(){
// jQuery methods go here...
});
Ma to na celu zapobiec kod jQuery uruchamianie zanim dokument jest gotowy do załadunku (gotowy).
Jest to dobra praktyka, aby czekać na dokument, który ma być w pełni załadowany i gotowy przed rozpoczęciem pracy z nim. To także pozwala mieć swój kod JavaScript przed treści dokumentu, w sekcji head.
Oto kilka przykładów działań, które może zakończyć się niepowodzeniem, jeśli metody są uruchamiane przed dokumentu jest w pełni załadowany:
- Próbując ukryć element, który nie został jeszcze utworzony
- Próbując uzyskać rozmiaru obrazu, który nie jest jeszcze załadowany
Wskazówka: Zespół jQuery stworzył również nawet krótszy metodę dokument gotowy imprezy:
$(function(){
// jQuery methods go here...
});
Użyj składni wolisz. Uważamy, że dokument jest gotowy wydarzeniem łatwiejsze do zrozumienia podczas czytania kodu.