jQuery syntaksi

jQuery:n avulla voit valita (hae, query) HTML-elementtejä ja suorittaa niille operaatioita.

jQuery:n grammatiikka esimerkki

$(this).hide()
Näytä jQuery:n hide() -funktio, joka piilottaa nykyisen HTML-elementin.
$("#test").hide()
Näytä jQuery:n hide() -funktio, joka piilottaa id="test" -elementin.
$("p").hide()
Näytä jQuery:n hide() -funktio, joka piilottaa kaikki <p> -elementit.
$(".test").hide()
Näytä jQuery:n hide() -funktio, joka piilottaa kaikki class="test" -elementit.

jQuery syntaksi

jQuery-grammatiikka on suunniteltu HTML-elementtien valintaan, jotta voidaan suorittaa tiettyjä operaatioita elementeille.

Perus语法 on:$(selector).action()

  • Dollarsymboli määrittää jQuery:n
  • Valitsin (selector) "hae" ja "löytää" HTML-elementtejä
  • jQuery:n action() suorittaa operaatioita elementeille

Esimerkki

$(this).hide() - Piilottaa nykyisen elementin

$("p").hide() - Piilottaa kaikki kappaleet

$(".test").hide() - Piilottaa kaikki class="test" -elementit

$("#test").hide() - Piilottaa kaikki id="test" -elementit

Vinkki:jQuery käyttää XPath- ja CSS-valitsinlausekkeiden yhdistelmää. Seuraavissa luvuissa opit lisää valitsinlausekkeiden syntaxista.

Dokumentin valmis-funktio

Oletko ehkä huomannut, että kaikkien jQuery-funktioiden sijaitsee yhdessä document ready -funktiossa:

$(document).ready(function(){
  // jQuery-funktiot menevät tänne
});

Tämä on suunniteltu estämään jQuery-koodin suorittaminen ennen kuin dokumentti on täysin ladattu (valmis).

Jos funktio suoritetaan ennen kuin dokumentti on täysin ladattu, operaatio saattaa epäonnistua. Tässä on kaksi konkreettista esimerkkiä:

  • Yritetään piilotella olematonta elementtiä
  • Hanki täysin lataamattoman kuvan koko