Gramatyka jQuery

Przy użyciu jQuery możesz wybierać (pytać, zapytać) elementy HTML i wykonywać na nich "operacje" (actions).

Przykład gramatyki jQuery

$(this).hide()
Pokaz funkcji hide() jQuery, ukrywanie bieżącego elementu HTML
$("#test").hide()
Pokaz funkcji hide() jQuery, ukrywanie elementu o id="test"
$("p").hide()
Pokaz funkcji hide() jQuery, ukrywanie wszystkich elementów <p>
$(".test").hide()
Pokaz funkcji hide() jQuery, ukrywanie wszystkich elementów o klasie="test"

Gramatyka jQuery

Gramatyka jQuery jest stworzona do wybierania elementów HTML i wykonywania na nich pewnych operacji.

Podstawowa gramatyka to:$(selector).action()

  • Dolarowy znak definiuje jQuery
  • Selektor (selector) "zapytanie" i "wyszukiwanie" elementów HTML
  • Funkcja action() jQuery wykonuje operacje na elementach

Przykład

$(this).hide() - Ukryj bieżący element

$("p").hide() - Ukryj wszystkie akapity

$(".test").hide() - Ukryj wszystkie elementy o klasie="test"

$("#test").hide() - Ukryj wszystkie elementy o id="test"

Wskazówka:Gramatyka używana przez jQuery to kombinacja XPath i CSS selector syntax. W następnych rozdziałach tego kursu nauczysz się więcej o gramatyce selektorów.

Funkcja gotowości dokumentu

Może zauważyłeś, że wszystkie funkcje jQuery w naszych przykładach znajdują się w funkcji document ready:

$(document).ready(function(){
  // Funkcje jQuery tutaj
});

To jest po to, aby zapobiec uruchomieniu kodu jQuery przed pełnym załadowaniem (gotowością) dokumentu.

Jeśli funkcja zostanie uruchomiona przed pełnym załadowaniem dokumentu, operacja może się nie powiodła. Oto dwa konkretne przykłady:

  • Próba ukrycia nieistniejącego elementu
  • Pobierz rozmiar niecałkowicie załadowanego obrazu