Łączenie wywołań wtyczek w łańcuchy w jQuery

09 marca 2016

Biblioteka jQuery umożliwia tworzenie „łańcuchów” wywołań metod wtyczek, aby ograniczyć proces przeszukiwania drzewa DOM i liczbę tworzonych obiektów jQuery. Powiedzmy, że poniższy fragment kodu reprezentuje nasze wywołania metod wtyczki:

$('#elem').show();
$('#elem').html('bla');
$('#elem').otherStuff();

Technika łączenia wywołań metod w łańcuchy pozwala znacznie ulepszyć ten kod:

$('#elem')
  .show()
  .html('bla')
  .otherStuff();

Innym rozwiązaniem jest zapisanie elementu w zmiennej (z przedrostkiem $):

var $elem = $('#elem');
$elem.hide();
$elem.html('bla');
$elem.otherStuff();

Zarówno łączenie wywołań w łańcuchy jak i buforowanie elementów w zmiennej to techniki zaliczane do najlepszych praktyk pracy z jQuery, których zastosowanie umożliwia uzyskanie krótszego i szybszego kodu.