DeeDi - трезвые записки

:hidden

Выбирает скрытые элементы. Скрытый элемент в jQuery 1.3.2 это тот элемент (или предок которого), который не занимает в документе места. CSS-видимость при этом во внимание не принимается.
Пример. По клику на кнопке, выбираем скрытые div, считаем их количество и показываем snow(). Считаем срытые элементы input. Выводим в между тегами span результат подсчета скрытых элементов.

$(document).ready(function() {$("#exapmple_hidden button").click(function(){
input_hid = " Скрытых input - " + $("#exapmple_hidden input:hidden").length;
div_hid = "Скрытых div - " + $("#exapmple_hidden div:hidden").show(1000).length;
$("#exapmple_hidden span").text(div_hid + input_hid).css("color", "red"); });});
HTML-код:
<style type="text/css">
#exapmple_hidden {margin:10px 0}
#exapmple_hidden div
{border:solid 1px #999; margin:10px; padding:5px; background:#f5f5f5; width:80px; height:50px; float:left}
</style>
<div id="exapmple_hidden" >
<span></span> <!--Здесь будем выводить результат-->
<div>Видимый элемент</div>
<div style="visibility:hidden">скрытый блок через св-во "visibility:hidden"</div>
<div>Видимый элемент</div>
<div style="display:none">скрытый блок display:none</div>
<div>Видимый элемент</div>
<input name="name1" type="hidden" value="" />
<input name="name2" type="hidden" value="" /><br />
<button>Сколько скрытых?</button>
</div>

Обратите внимание на то, что второй блок так и не показался, т.к. несмотря на то, что мы его не видем (visibility:hidden), реально он занимает место на странице (заметьте, что межеду первым и вторым видимыми элементами разрыв), а потому с точки зрение jQuery 1.3.2 невидимым не считается.

Боковой текст: