Method chaining

Dalším z opravdu skvělých vlastností jQuery je skutečnost, že většina metod vrací objekt jQuery, který pak můžete použít k volání jiné metody. To umožňuje provádět řetězení příkazů, kde se spouští více metod na stejné sadě prvků, což je opravdu příjemné, protože to ušetří vám i prohlížeči nutnost hledat stejné prvky více než jednou. Zde je příklad a nedělejte si starosti s metodami jQuery použitými v následujících příkladech – budou vysvětleny v dalších kapitolách:

<div id="divTest1"></div>
<script type="text/javascript">
	$("#divTest1").text("Hello, world!").css("color", "blue");
</script>

Funguje to takto: Vytvoříme instanci nového objektu jQuery a vybereme prvek divTest1 se znakem $, což je zkratka pro třídu jQuery. Získáme tak objekt jQuery, který nám umožní manipulovat s vybraným prvkem. Tento objekt použijeme k volání metody text(), která nastaví text vybraného prvku (vybraných prvků). Tato metoda opět vrací objekt jQuery, což nám umožňuje použít další volání metody přímo na návratovou hodnotu, což je metoda css().

V případě potřeby můžeme přidat další volání metod, ale v určitém okamžiku se řádek kódu prodlouží. Naštěstí není JavaScript příliš striktní, pokud jde o syntaxi, takže jej můžeme ve skutečnosti formátovat, jak chceme, včetně zalomení řádků a odsazení. Například takto:

<div id="divTest2"></div>
<script type="text/javascript">
	$("#divTest2").text("Hello, world!")
					.removeClass("blue")
					.addClass("bold")
					.css("color", "blue");					
</script>

JavaScript při interpretaci kódu jednoduše vypustí přebytečné mezery a provede jej jako jeden dlouhý řádek kódu s několika voláními metod.

Všimněte si, že některé metody nevracejí objekt jQuery, zatímco jiné jej vracejí pouze v závislosti na parametrech, které mu předáte. Dobrým příkladem toho je výše použitá metoda text(). Pokud mu nejsou předány žádné parametry, namísto objektu jQuery se vrátí aktuální text vybraného prvku (vybraných prvků), zatímco jediný parametr způsobí, že jQuery nastaví zadaný text a vrátí objekt jQuery.