jQuery Syntax

Met jQuery kunt u HTML-elementen selecteren (zoeken, query) en op deze elementen acties uitvoeren.

Voorbeeld van jQuery syntaxis

$(this).hide()
Demonstreert de jQuery hide() functie, verbergt het huidige HTML-element
$("#test").hide()
Demonstreert de jQuery hide() functie, verbergt het element met id="test"
$("p").hide()
Demonstreert de jQuery hide() functie, verbergt alle <p> elementen
$(".test").hide()
Demonstreert de jQuery hide() functie, verbergt alle elementen met class="test"

jQuery Syntax

De syntaxis van jQuery is ontworpen om HTML-elementen te selecteren en op deze elementen bepaalde acties uit te voeren.

De basis syntaxis is:$(selector).action()

  • Het dollar-teken definieert jQuery
  • Een selecteur (selector) "zoekt" en "vindt" HTML-elementen
  • De action() van jQuery voert acties uit op elementen

Voorbeeld

$(this).hide() - Verbergt het huidige element

$("p").hide() - Verbergt alle paragrafen

$(".test").hide() - Verbergt alle elementen met class="test"

$("#test").hide() - Verbergt alle elementen met id="test"

Tip:De syntaxis die jQuery gebruikt is een combinatie van XPath en CSS selector syntaxis. In de volgende hoofdstukken van deze tutorial zult u meer leren over de syntaxis van selectoren.

Document klaar functie

U heeft misschien al opgemerkt dat alle jQuery-functies in ons voorbeeld in een document ready-functie zitten:

$(document).ready(function(){
  // Hier gaan jQuery-functies
});

Dit is om te voorkomen dat jQuery-code wordt uitgevoerd voordat het document volledig is geladen (klaar).

Als de functie wordt uitgevoerd voordat het document volledig is geladen, kan de operatie mislukken. Hier zijn twee specifieke voorbeelden:

  • Proberen een niet bestaand element te verbergen
  • Grootte van het niet volledig geladen beeld verkrijgen