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

09 marca 2016
1 gwiadka2 gwiazdki3 gwiazdki4 gwiazdki5 gwiazdek

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.

Autor: Matt Smith

Źródło: https://github.com/AllThingsSmitty/jquery-tips-everyone-should-know

Tłumaczenie: Łukasz Piwko

Treść tej strony dostępna jest na zasadach licencji MIT

Zobacz również:

1 komentarz

  1. Ja zwykle łączę te obie praktyki, chociaż do zmiennej zapisuję jedynie wtedy, kiedy używam elementu co najmniej dwukrotnie.

    Odpowiedz

Dyskusja

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *