Оглавление скрыть


Вы можете авторизоваться через ВКонтакте, Фейсбук и оставить комментарий


Очистить div (jQuery)

Очистить какой-либо слой в jQuery очень просто. Для очищения слоя используется функция .empty().

Пример

Есть слой <div id="div_to_clean">, информацию в котором нужно удалить при помощи jQuery.

Смотреть онлайн-пример

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Очистить div (jQuery)</title>
<script type="text/javascript" src="/js/jquery/jquery.js"></script>
<script type="text/javascript">

$(document).ready(function(){
    $("input").click(function () {
        $('#div_to_clean').empty();
    })
});

</script>

</head>

<body>

<div id="div_to_clean">
<h1><a href="/e/Очистить_div_(jQuery)">Очистить div (jQuery)</a></h1>
<p><strong>Привет</strong></p>
<p>Нажми на кнопку и текст, который ты видишь будет удален!</p>
</div>

<input type="button" value="Кнопка, которую нужно нажать">

</body>
</html>
Опубликовано: 13 октября 2011  ·  Автор: Артём Фёдоров  ·  13609 просмотров

Категория

ГлавнаяПрограммированиеJavaScriptБиблиотекиjQueryОчистить div (jQuery)

Чтобы оставить комментарий нужно авторизоваться на сайте
или войти через ВКонтакте или Фейсбук

Войти через ФейсбукВойти через Твиттер

Комментарии

jQuery, Библиотеки, JavaScript, Программирование

© 2010-2017 expange.ru
При полном или частичном копировании статей сайта, ссылка на источник обязательна.

Хотите узнать больше информации, пишите на: artem@expange.ru

Полезное онлайн  ·  Новости  ·  Изображения  ·  Статьи по датам

О проекте  ·  Правила пользования  ·  Представительства

Благодарности и пожелания