Łą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 jest dostępna 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 e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *