Selektors hidden
Selektors :hidden atlasa visus elementus
lapā, kas ir paslēpti.
Elementi ar visibility: hidden vai ar
opacity: 0 tiek uzskatīti par redzamiem, jo tie aizņem
vietu izkārtojumā. Elementi var tikt uzskatīti par neredzamiem
vairāku iemeslu dēļ: CSS īpašības
display vērtība ir none, vai tie ir elementi ar
atribūtu type="hidden",
vai to augstums vai platums ir iestatīts uz 0,
vai to vecāka elements ir paslēpts.
Tā kā :hidden nepieder CSS specifikācijai,
tad, lai uzlabotu veiktspēju mūsdienu
pārlūkprogrammās, labāk sākumā atfiltrēt elementus,
izmantojot tīru CSS selektoru, un pēc tam
piemērot .filter(':hidden').
Elementu redzamības izsekošana, izmantojot citas
metodes, piemēram, ar klases palīdzību, var
nodrošināt labāku veiktspēju.
Sintakse
Tā mēs atlasām paslēptos elementus:
$(':hidden');
Piemērs
Klikšķinot uz pogas #test
parādīsim neredzamos kvadrātiņus:
<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');
});
