jQuery- sintaksis
Met jQuery kies (navraag) jy HTML-elemente en voer "aksies" daarop uit.
jQuery-sintaksis
Die jQuery-sintaksis is pasgemaak om HTML-elemente te kies en 'n aksie op die element(e) uit te voer.
Basiese sintaksis is: $( selector ). aksie ()
- 'n $-teken om jQuery te definieer/toegang te kry
- A ( selector ) om HTML-elemente te "navraag doen (of te vind).
- 'n jQuery -aksie () wat op die element(e) uitgevoer moet word
Voorbeelde:
$(this).hide() - verberg die huidige element.
$("p").hide() - versteek alle <p> elemente.
$(".test").hide() - versteek alle elemente met class="test".
$("#test").hide() - versteek die element met id="toets".
Is jy vertroud met CSS-keurders?
jQuery gebruik CSS-sintaksis om elemente te kies. Jy sal meer oor die kiesersintaksis leer in die volgende hoofstuk van hierdie tutoriaal.
Wenk: As jy nie CSS ken nie, kan jy ons CSS-tutoriaal lees .
Die Document Ready Event
Jy het dalk opgemerk dat alle jQuery-metodes in ons voorbeelde binne 'n dokument gereed gebeurtenis is:
$(document).ready(function(){
// jQuery methods go here...
});
Dit is om te verhoed dat enige jQuery-kode loop voordat die dokument klaar gelaai is (is gereed).
Dit is goeie praktyk om te wag dat die dokument volledig gelaai en gereed is voordat jy daarmee werk. Dit laat jou ook toe om jou JavaScript-kode voor die liggaam van jou dokument in die kopafdeling te hê.
Hier is 'n paar voorbeelde van aksies wat kan misluk as metodes uitgevoer word voordat die dokument volledig gelaai is:
- Probeer om 'n element te versteek wat nog nie geskep is nie
- Probeer om die grootte van 'n prent te kry wat nog nie gelaai is nie
Wenk: Die jQuery-span het ook 'n selfs korter metode vir die dokumentgereed-geleentheid geskep:
$(function(){
// jQuery methods go here...
});
Gebruik die sintaksis wat jy verkies. Ons dink dat die dokument gereed gebeurtenis makliker is om te verstaan wanneer die kode lees.