Как проверить, скрыт ли элемент с помощью jQuery
jQuery-селектор :hidden
можно использовать для проверки того, скрыт ли элемент на странице.
Вы также можете использовать этот селектор для проверки элементов, width
и height
которых установлены на 0
, а также элементов формы с атрибутом type="hidden"
. Посмотрим, как это работает:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Test If an Element is Hidden</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
// показать/скрыть абзац при нажатии кнопки
$("p").toggle("slow", function(){
// проверяем абзац после завершения эффекта переключения
if($("p").is(":hidden")){
alert("The paragraph is hidden.");
} else{
alert("The paragraph is visible.");
}
});
});
});
</script>
</head>
<body>
<button type="button">Показать/скрыть параграф</button>
<p>Lorem ipsum dolor sit amet adipi elit...</p>
</body>
</html>