[Функция] remove(expr)
Раздел "Manipulation"
Функция удаляет все подходящие элементы из DOM структуры.
expr: jQuery выражение, фильтрующее элементы подлежащие удалению.
jQuery.proxy(scope, name)
1.4
scope:
объект, находящийся в области видимости функции, значение которого подлежит установке.
name:
объект, находящийся в области видимости функции, значение которого подлежит установке.
Функция не удаляет элемент из jQuery объекта, что позволяет вам использовать элемент в дальнейшем. Данная функция, начиная с версии 1.2.2, так же удаляет все обработчики событий и внутренне кеширумые данные. Поэтому: выражение $("#foo").remove().appendTo("#bar"); должно быть записано как $("#foo").appendTo("#bar"); для того чтобы избежать потери обработчика событий. Так же функция поддерживает фильтрацию по необязательному выражению.
Пример:
Удалить все параграфы из DOM структуры.
"jQuery"
$("button").click(function () {
$("p").remove();
});
"HTML"
<p>Hello</p>
how are
<p>you?</p>
<button>Call remove() on paragraphs
"CSS"
p { background:yellow; margin:6px 0; }
"Живой пример jQuery"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href="http://test-drupal.ru/themes/slyweb/css/jqueryiframe.css"
rel="stylesheet" type="text/css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function () {
$("p").remove();
});
});
</script>
</head>
<body class="iframe">
<p>Hello</p>
how are
<p>you?</p>
<button>Call remove() on paragraphs
</body>
</html>
<style>
p { background:yellow; margin:6px 0; }
</style>
Пример:
Удалить все параграфы содержащие "Hello" из DOM структуры.
"jQuery"
$("button").click(function () {
$("p").remove(":contains('Hello')");
});
"HTML"
<p class="hello">Hello</p>
how are
<p>you?</p>
<button>Call remove(":contains('Hello')") on paragraphs
"CSS"
p { background:yellow; margin:6px 0; }
"Живой пример jQuery"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href="http://test-drupal.ru/themes/slyweb/css/jqueryiframe.css"
rel="stylesheet" type="text/css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function () {
$("p").remove(":contains('Hello')");
});
});
</script>
</head>
<body class="iframe">
<p class="hello">Hello</p>
how are
<p>you?</p>
<button>Call remove(":contains('Hello')") on paragraphs
</body>
</html>
<style>
p { background:yellow; margin:6px 0; }
</style>
Версия jQuery 1.4.2
Документ создан 2010-08-21
