jQuery - Chaining
Met jQuery kun je acties/methoden aan elkaar koppelen.
Chaining stelt ons in staat om meerdere jQuery-methoden (op hetzelfde element) binnen een enkele instructie uit te voeren.
jQuery Methode Chaining
Tot nu toe hebben we jQuery-statements één voor één (na elkaar) geschreven.
Er is echter een techniek genaamd chaining, waarmee we meerdere jQuery-commando's, de een na de ander, op hetzelfde element (en) kunnen uitvoeren.
Tip: Op deze manier hoeven browsers niet meer dan één keer hetzelfde element of dezelfde elementen te vinden.
Om een actie te koppelen, voegt u de actie eenvoudig toe aan de vorige actie.
In het volgende voorbeeld worden de methoden css()
, slideUp()
, en aan elkaar slideDown()
gekoppeld. Het "p1" -element verandert eerst in rood, schuift dan omhoog en vervolgens naar beneden:
Voorbeeld
$("#p1").css("color", "red").slideUp(2000).slideDown(2000);
We hadden indien nodig ook meer methodeaanroepen kunnen toevoegen.
Tip : Bij het koppelen kan de coderegel behoorlijk lang worden. jQuery is echter niet erg strikt op de syntaxis; je kunt het opmaken zoals je wilt, inclusief regeleinden en inspringingen.
Dit werkt ook prima:
Voorbeeld
$("#p1").css("color", "red")
.slideUp(2000)
.slideDown(2000);
jQuery gooit extra witruimte weg en voert de bovenstaande regels uit als één lange regel code.