ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

jQuery Tutorial

jQuery HOME jQuery Intro jQuery Get Started jQuery Syntax jQuery Selectors jQuery Events

jQuery Effects

jQuery Hide/Show jQuery Fade jQuery Slide jQuery Animate jQuery stop() jQuery Callback jQuery Chaining

jQuery HTML

jQuery Get jQuery Set jQuery Add jQuery Remove jQuery CSS Classes jQuery css() jQuery Dimensions

jQuery Traversing

jQuery Traversing jQuery Ancestors jQuery Descendants jQuery Siblings jQuery Filtering

jQuery AJAX

jQuery AJAX Intro jQuery Load jQuery Get/Post

jQuery Misc

jQuery noConflict() jQuery Filters

jQuery References

jQuery Selectors jQuery Events jQuery Effects jQuery HTML/CSS jQuery Traversing jQuery AJAX jQuery Misc jQuery Properties


jQuery - Remove Elements


С помощью jQuery легко удалить существующие HTML-элементы.


Удаление элементов/содержимого

Для удаления элементов и содержимого в основном используются два метода jQuery:

  • Remove ()-удаляет выбранный элемент (и его дочерние элементы)
  • Empty ()-удаляет дочерние элементы из выбранного элемента

Метод jQuery Remove ()

Метод jQuery Remove () удаляет выбранный элемент (ы) и его дочерние элементы.

Пример

$("#div1").remove();

Метод jQuery Empty ()

Метод jQuery Empty () удаляет дочерние элементы выбранного элемента (ов).

Пример

$("#div1").empty();


Фильтрация удаляемых элементов

Метод jQuery Remove () также принимает один параметр, который позволяет фильтровать удаляемые элементы.

Параметр может быть любым из синтаксиса селектора jQuery.

В следующем примере удаляются все элементы <p> с классом = "Test":

Пример

$("p").remove(".test");

В этом примере удаляются все < p > элементы с классом = "Test" и классом = "Demo":

Пример

$("p").remove(".test, .demo");

HTML-справочник jQuery

Для полного обзора всех jQuery HTML методы, пожалуйста, перейдите на наш jQuery HTML/CSS справка.