Селектор hidden
Селектор :hidden саҳифадаги яширин бўлган
барча элементларни танлайди.
visibility: hidden ёки
opacity: 0 билан бўлган элементлар кўринади деб ҳисобланади, чунки улар
макетда жой олур. Элементлар бир неча сабабларга кўра кўринмас деб ҳисобланиши мумкин: css-хусусиятининг
display - none, ёки бу
type="hidden" атрибути бўлган элементлар,
ёки уларнинг бўйи ва эни 0 га тенглаштирилган,
ёки уларнинг ота-она элемента яширин.
:hidden CSS спецификациясига кирмагани сабабли,
zamonaviy браузерларда яхширок ишлаши учун
аввал элементларни соф css-селектори ёрдамида
филтрлаб олиб, сўнгра
.filter(':hidden') ни қўллаш яхшироқ.
Элементларнинг кўринишини бошқа
усуллар, масалан, синф ёрдамида кузатиш,
яхширок ишлашини таъминлаши мумкин.
Синтаксис
Яширин элементларни шундай танлаймиз:
$(':hidden');
Мисол
Кўрсатиш тугмаси #test босилганда
кўринмас квадратчаларни кўрсатамиз:
<button id="test">show</button>
<div></div>
<div style="display:none;"></div>
<div></div>
<div></div>
<div style="display:none;"></div>
div {
width: 40px;
height: 40px;
margin: 5px;
border: 2px outset green;
float: left;
}
$('#test').click(function() {
$('div:hidden').show('slow');
});
