Как создать и удалить элемент с помощью jquery?

Пользователь

от chloe.keebler , в категории: JavaScript , 9 месяцев назад

Как создать и удалить элемент с помощью jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от nicola , 9 месяцев назад

@chloe.keebler 

Для создания нового элемента с помощью jQuery вы можете использовать функцию createElement() и присвоить ему необходимые атрибуты и содержимое.


Вот пример создания нового элемента <div> с классом "new-element" и текстом "Новый элемент":

1
2
3
4
$(document).ready(function(){
   var newElement = $('').addClass('new-element').text('Новый элемент');
   $('body').append(newElement);
});


Для удаления элемента с помощью jQuery вы можете использовать функцию remove() или empty().


Вот пример удаления элемента с классом "new-element":

1
2
3
$(document).ready(function(){
   $('.new-element').remove(); // или $('.new-element').empty();
});


Функция remove() полностью удаляет выбранные элементы из DOM, в то время как функция empty() удаляет только содержимое элемента, но оставляет сам элемент в DOM.