Spis treściWprowadzenie
We stosowaliśmy w zasadzie tylko i wyłącznie selektory CSS oraz edytowaliśmy dokument przez wstawianie przygotowanych wcześniej jako tekst fragmentów HTML. Choć rozwiązania te pozwalają osiągnąć zamierzony efekt, nie zawsze są na tyle elastyczne, by można je było wykorzystać wielokrotnie. W niniejszym odcinku kursu opiszemy więc dwa zestawy metod jQuery dające dostęp do obsługi dokumentu HTML na nieco innym poziomie – jego reprezentacji jako drzewa DOM ( – model obiektowego opisu dokumentu).
Poruszanie się po strukturze DOM umożliwiają metody pozwalające przejść do następnego lub poprzedniego elementu, poznać rodzica aktualnego obiektu, a nawet wydobyć elementy sąsiednie, znajdujące się na tym samym poziomie. Biblioteka jQuery zwiększa dodatkowo elastyczność prezentowanego rozwiązania, oferując możliwość ograniczania się w trakcie naszych działań tylko do elementów wybranego typu.
Selektory lub metody – wybór należy do Ciebie.
Modyfikacja dokumentu na poziomie drzewa DOM jest również bardzo przydatna dla projektanta witryny. Możemy bowiem na przykład wskazać, że chcemy dany kod HTML umieścić tuż za innym fragmentem lub też jego część przenieść w wybrane miejsce, czy po prostu usunąć. Biblioteka oferuje kilka metod realizujących takie operacje – nie jest to zestaw duży, zapewnia jednak pełną elastyczność, bez potrzeby pobierania większych fragmentów kodu, ich obróbki i późniejszego wstawiania na miejsce.
Źródło: http://webhosting.pl/Kurs.jQuery.Czesc.4.Zaawansowana.obsluga.DOM
Brak komentarzy:
Prześlij komentarz