jQuery - usuwanie elementów drzewa DOM
Stronę tą wyświetlono już: 2572 razy
Biblioteka jQuery udostępnia również metody umożliwiające usuwanie elementów drzewa DOM. Jedną z takich metod jest empty, która usuwa wszystkie elementy potomne wybranych selektorów. Oto prosty przykład:
- $("#svg").empty();
Powyższy kod usuwa wszystkie elementy potomne elementu o identyfikatorze id = "svg". Możliwe jest również usuwanie danego elementu wraz z jego potomkami za pomocą metody remove:
- $("#svg").remove();
Co ciekawe metoda remove pozwala na filtrowanie elementów usuwanych np. w taki sposób:
- $( "div" ).remove(".data");
Powyższy kod usuwa wszystkie elementy div mające przypisaną klasę class = "data". Oczywiście (w tym przypadku) można by to zrobić również i tak:
- $( "div.data" ).remove();
Kolejną ciekawą opcją jest metoda detach(), która tak jak metoda remove usuwa elementy z tą różnicą, że zwraca obiekt jQuery je zawierający, dzięki czemu można te elementy później załączyć dynamicznie w kodzie strony.
- var example = $("p.example").detach(); // usuwanie i zapamiętanie w zmiennej example
- example.appendTo("div.exaple"); // podpięcie do div-a z przypisaną klasą example

Tytuł:
JavaScript funkcyjnie. Zrównoważone, pragmatyczne programowanie funkcyjne w JavaScript
Autor:
Kyle Simpson

Tytuł:
JavaScript dla dzieci dla bystrzaków
Autor:
Chris Minnick, Eva Holland

Tytuł:
Modularny JavaScript dla zaawansowanych
Autor:
Nicolas Bevacqua

Tytuł:
JavaScript w praktyce. Stwórz twitterowego bota, system sygnalizacyjny LED i inne projekty z użyciem Node.js i Raspberry Pi
Autor:
Lynn Beighley

Tytuł:
Matematyka dla programistów JavaScript
Autor:
Jacek Piechota

Tytuł:
JavaScript i jQuery. Interaktywne strony WWW dla każdego. Podręcznik Front-End Developera
Autor:
Jon Duckett

Tytuł:
ECMAScript 6. Przewodnik po nowym standardzie języka JavaScript
Autor:
Nicholas C. Zakas

Tytuł:
JavaScript i wzorce projektowe. Programowanie dla zaawansowanych. Wydanie II
Autor:
Simon Timms

Tytuł:
HTML,CSS i JavaScript dla każdego. Wydanie VII
Autor:
Laura Lemay, Rafe Colburn, Jennifer Kyrnin

Tytuł:
jQuery w akcji. Wydanie III
Autor:
Bear Bibeault, Yehuda Katz, Aurelio De Rosa