Функция jQuery().hide
jQuery().hide() служит для того, чтобы скрывать выбранные по селектору элементы. Синтаксис данной функции следующий:
В случае вызова hide() без параметров, элементы будут скрыты немедленно. По сути, данный вариант аналогичен вызову .css('display', 'none') за тем исключением, что в случае с .css значение параметра 'display' будет сохранено в кэше jQuery и в последствии может быть от туда извлечено.
Если же в функцию hide() передать параметр duration, то функция работает как метод animate() последовательно уменьшая высоту, ширину и прозрачность элементов.
Параметр duration может принимать одно из двух строковых значений — 'slow' или 'fast', либо произвольное целое значение. По умолчанию, в jQuery значению 'slow' сопоставлена задержка в 600мс, а 'fast' в 200мс.
Для наглядности небольшой пример:
.hide(duration, [callback])
duration - это числовой или строковый параметр,
определяющий с какой скоростью скрывать элементы
callback - (необязательный параметр) функция которая
вызывается после завершения анимации
В случае вызова hide() без параметров, элементы будут скрыты немедленно. По сути, данный вариант аналогичен вызову .css('display', 'none') за тем исключением, что в случае с .css значение параметра 'display' будет сохранено в кэше jQuery и в последствии может быть от туда извлечено.
Если же в функцию hide() передать параметр duration, то функция работает как метод animate() последовательно уменьшая высоту, ширину и прозрачность элементов.
Параметр duration может принимать одно из двух строковых значений — 'slow' или 'fast', либо произвольное целое значение. По умолчанию, в jQuery значению 'slow' сопоставлена задержка в 600мс, а 'fast' в 200мс.
Для наглядности небольшой пример:
<!DOCTYPE html>
<html>
<head>
<script src="/jquery.js"></script>
</head>
<body>
<p>Привет</p>
<a href="#">Щелкни по ссылке, чтобы закрыть и ее</a>
<p>Еще один параграф</p>
<script>
$("p").hide();
$("a").click(function () {
$(this).hide();
return true;
});
</script>
</body>
</html>
Комментарии (5)
RSS свернуть / развернуть02 июля 2010, 01:28
02 июля 2010, 01:41
02 июля 2010, 02:05
02 июля 2010, 02:22
27 апреля 2011, 22:56
Нажмите здесь, чтобы оставить комментарий (регистрация не требуется)