Najnowsze tutoriale tworzenie stron internetowych
 

jQuery - Usuwanie elementów

❮ Poprzedni Następny Rozdział ❯

Z jQuery, jest łatwy do usunięcia istniejących elementów HTML.

Usuwanie elementów / treść

Aby usunąć elementy i treści, są głównie dwie metody jQuery:

  • remove() - usuwa wybrany element (i jego elementy podrzędne)
  • empty() - usuwa elementy dziecko od wybranego elementu

jQuery remove() Metoda

JQuery remove() Metoda usuwa zaznaczony element(s) i jego elementy podrzędne.

Przykład

$("#div1").remove();
Spróbuj sam "

jQuery empty() Metoda

JQuery empty() Metoda usuwa elementy podrzędne wybranego element(s) .

Przykład

$("#div1").empty();
Spróbuj sam "

Filtrowanie elementów, które mają być usunięte

JQuery remove() Metoda przyjmuje również jeden parametr, który pozwala filtrować elementy mają być usunięte.

Parametr ten może być dowolny z składni selektora jQuery.

Poniższy przykład usuwa wszystkie <p> elementy z class="test" :

Przykład

$("p").remove(".test");
Spróbuj sam "

Ten przykład usuwa wszystkie <p> elementy z class="test" a class="demo" :

Przykład

$("p").remove(".test, .demo");
Spróbuj sam "

Sprawdź się z ćwiczeń!

Ćwiczenie 1 » Ćwiczenie 2» Ćwiczenie 3 » Ćwiczenia 4»

jQuery HTML Reference

Aby uzyskać pełny przegląd wszystkich metod jQuery HTML, przejdź do naszej jQuery HTML / CSS .


❮ Poprzedni Następny Rozdział ❯