jQuery-länkning

Genom jQuery kan du länka åtgärder/metoder.

Chaining tillåter oss att använda flera jQuery-metoder (på samma element) i en enda sats.

jQuery-metodlänkning

Till nu har vi alltid skrivit en jQuery-sats i taget (ett efter ett annat).

Men det finns en teknik som kallas länkning (chaining), som tillåter oss att köra flera jQuery-kommandon på samma element, ett efter ett.

Tips:På så sätt behöver inte webbläsaren leta efter samma element flera gånger.

För att länka en åtgärd behöver du bara lägga till åtgärden till den tidigare åtgärden.

Exempel 1

I följande exempel länkas css(), slideUp() och slideDown() samman. Elementet "p1" blir först rött, sedan rullar det uppåt och sedan neråt:

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

Prova själv

Om det behövs kan vi också lägga till flera metodkallar.

Tips:När du länkar, blir kodraden mycket dålig. Men jQuery är inte så sträng grammatiskt; du kan skriva i den format du vill, inklusive radbrytningar och indrag.

Exempel 2

Så kan det också fungera:

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

Prova själv

jQuery kastar bort överskyddade mellanslag och kör ovanstående kodrad som en enda rad lång kod.