[Селектор] hidden()
Раздел "Selectors"
Выбрать все элементы, в отношении которых установлено css свойство hidden, в том числе и скрытые элементы input.
Параметры
Пример
:hidden
Примеры
Пример:
Вывод всех скрытых элементов div и скрытых полей (input), и их подсчет.
"jQuery"
$("span:first").text("Found " + $(":hidden", document.body).length +
" hidden elements total.");
$("div:hidden").show(3000);
$("span:last").text("Found " + $("input:hidden").length + " hidden inputs.");
"HTML"
// так как в неокторых браузерах :hidden включает head, title, script, и т.д... поэтому необходимо ограничивать выбор скрытых элементов указанием на document.body
<span></span>
<div></div>
<div style="display:none;">Hider!</div>
<div></div>
<div class="starthidden">Hider!</div>
<div></div>
<form>
<input type="hidden" />
<input type="hidden" />
<input type="hidden" />
</form>
<span>
</span>
"CSS"
div { width:70px; height:40px; background:#ee77ff; margin:5px; float:left; }
span { display:block; clear:left; color:red; }
.starthidden { display:none; }
"Живой пример 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(){ $("span:first").text("Found " + $(":hidden", document.body).length + " hidden elements total."); $("div:hidden").show(3000); $("span:last").text("Found " + $("input:hidden").length + " hidden inputs."); }); </script> </head> <body class="iframe"> // так как в неокторых браузерах :hidden включает head, title, script, и т.д... поэтому необходимо ограничивать выбор скрытых элементов указанием на document.body <span></span> <div></div> <div style="display:none;">Hider!</div> <div></div> <div class="starthidden">Hider!</div> <div></div> <form> <input type="hidden" /> <input type="hidden" /> <input type="hidden" /> </form> <span> </span> </body> </html> <style> div { width:70px; height:40px; background:#ee77ff; margin:5px; float:left; } span { display:block; clear:left; color:red; } .starthidden { display:none; } </style>
Версия jQuery 1.4.2
Документ создан 2010-08-21