jQuery – řetězení
S jQuery můžete zřetězit akce/metody.
Řetězení nám umožňuje spouštět více metod jQuery (na stejném prvku) v rámci jednoho příkazu.
Řetězení metody jQuery
Až dosud jsme psali příkazy jQuery jeden po druhém (jeden po druhém).
Existuje však technika zvaná řetězení, která nám umožňuje spouštět více příkazů jQuery, jeden po druhém, na stejném prvku (prvcích).
Tip: Prohlížeče tak nemusejí najít stejný prvek (prvky) více než jednou.
Chcete-li akci zřetězit, jednoduše ji připojíte k předchozí akci.
Následující příklad spojuje dohromady metody css(), slideUp(), a slideDown()
. Prvek „p1“ se nejprve změní na červenou, pak se vysune nahoru a poté dolů:
Příklad
$("#p1").css("color", "red").slideUp(2000).slideDown(2000);
V případě potřeby jsme také mohli přidat další volání metod.
Tip : Při řetězení může být řádek kódu poměrně dlouhý. jQuery však není příliš striktní na syntaxi; můžete jej formátovat, jak chcete, včetně zalomení řádků a odsazení.
Toto také funguje dobře:
Příklad
$("#p1").css("color", "red")
.slideUp(2000)
.slideDown(2000);
jQuery zahodí bílé znaky navíc a provede řádky výše jako jeden dlouhý řádek kódu.