jQuery syntaks

Gennem jQuery kan du vælge (søge, query) HTML-elementer og udføre "operationer" (actions) på dem.

jQuery syntaks eksempel

$(this).hide()
Demonstration af jQuery hide() funktion, skjuler det aktuelle HTML-element
$("#test").hide()
Demonstration af jQuery hide() funktion, skjuler elementer med id="test"
$("p").hide()
Demonstration af jQuery hide() funktion, skjuler alle <p> elementer
$(".test").hide()
Demonstration af jQuery hide() funktion, skjuler alle elementer med class="test"

jQuery syntaks

jQuery-syntaks er designet til at vælge HTML-elementer, og udføre visse operationer på dem.

Grundlæggende syntaks er:$(selector).action()

  • Dollarsignet definerer jQuery
  • Vælger (selector) "søger" og "finder" HTML-elementer
  • jQuery's action() udfører operationer på elementer

Eksempel

$(this).hide() - Skjuler det aktuelle element

$("p").hide() - Skjuler alle paragrafer

$(".test").hide() - Skjuler alle elementer med class="test"

$("#test").hide() - Skjuler alle elementer med id="test"

Tip:jQuery-brugte syntaks er en kombination af XPath og CSS-vælger syntaks. I de næste kapitler af denne tutorial vil du lære mere om vælger syntaks.

Dokument klar funktion

Du har måske bemærket, at alle jQuery-funktioner i vores eksempel er placeret i en document ready-funktion:

$(document).ready(function(){
  // jQuery-funktioner skal placeres her
});

Dette er for at forhindre, at jQuery-kode kører, før dokumentet er fuldt indlæst (klart).

Hvis funktionen køres, før dokumentet er fuldt indlæst, kan operationen mislykkes. Her er to specifikke eksempler:

  • Forsøger at skjule et ikke-eksisterende element
  • Få størrelsen på et ufuldstændigt indlæst billede