Łączenie wywołań wtyczek w łańcuchy w jQuery
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ż:
- Przycisk powrotu do góry w jQuery
- Wczytywanie obrazów na zapas za pomocą jQuery
- Sprawdzanie za pomocą jQuery czy obrazy zostały już załadowane
- Automatyczne poprawianie uszkodzonych obrazów za pomocą jQuery
- Zmienianie klas za pomocą jQuery w reakcji na najechanie kursorem na element
- Wyłączanie pól formularza za pomocą jQuery
- Wyłączanie odnośników za pomocą jQuery
- Przełączanie efektów zanikania i przesuwania za pomocą jQuery
- Prosty akordeon w jQuery
- Otwieranie odnośników za pomocą jQuery
- Znajdowanie elementów po tekście za pomocą jQuery
- Obsługa błędów wywołań Ajax w jQuery
23 czerwca 2016
Ja zwykle łączę te obie praktyki, chociaż do zmiennej zapisuję jedynie wtedy, kiedy używam elementu co najmniej dwukrotnie.