jQuery Chaining

Gennem jQuery kan du kæde handlinger/metoder sammen.

Chaining muliggør flere jQuery-metoder (på det samme element) i én sætning.

jQuery-metodekæde

Indtil videre har vi skrevet én jQuery-sætning ad gangen (en efter den anden).

Der er dog en teknik kaldet chaining, som muliggør, at vi udfører flere jQuery-kommandoer på det samme element, en efter den anden.

Tip:På den måde behøver browseren ikke at søge efter det samme element flere gange.

For at linke en handling, skal du bare tilføje handlingen til den tidligere handling.

Eksempel 1

Følgende eksempel forbinder css(), slideUp(), and slideDown(). Elementet "p1" bliver først rødt, derefter rulles op og derefter ned:

$("#p1").css("color","red").slideUp(2000).slideDown(2000);

Prøv det selv

Hvis nødvendigt, kan vi også tilføje flere metodekald.

Tip:Når der linkes, bliver kodeordene dårlige. Men jQuery er ikke særligt strengt i grammatiske henseender; du kan skrive i den ønskede format, herunder linjeskift og indrykning.

Eksempel 2

Det kan også køre sådan:

$("#p1").css("color","red")
  .slideUp(2000)
  .slideDown(2000);

Prøv det selv

jQuery fjerner overflødige mellemrum og udfører ovenstående kode som en linje lang kode.