Селектори hidden
Селектори :hidden ҳамаи унсурҳоро дар
саҳифа интихоб мекунад, ки пинҳон шудаанд.
Унсурҳо бо visibility: hidden ё бо
opacity: 0 дида мешаванд, зеро ҷойро дар
макет ишғол мекунанд. Унсурҳо барои чанд сабаб
дида намешаванд: қимати хосияти css
display - none, ё ин унсурҳо бо
сифати type="hidden",
ё баландии онҳо ё паҳноӣ ба 0 таъин шудааст,
ё унсури волидайнашон пинҳон аст.
Аз он ҷое ки :hidden ба муайянномаи CSS тааллуқ надорад,
пас барои беҳтар кардани суръат дар браузерҳои
муосир беҳтар аст, ки аввал унсурҳоро бо
истифода аз селектори css-и холис филтр кунед, сипас
.filter(':hidden')-ро истифода баред.
Пайгирии дидашавии унсурҳо бо роҳҳои дигар,
масалан, бо истифода аз синф, метавонад
суръати беҳтарро таъмин кунад.
Синтаксис
Ҳамин тавр мо унсурҳои пинҳоншударо интихоб мекунем:
$(':hidden');
Мисол
Биёед бо клик кардан ба тугмаи #test
чаҳоркунчаҳои нодидорро нишон диҳем:
<button id="test">нишон диҳед</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');
});