Hidden selektorius
Selektorius :hidden pasirenka visus elementus
puslapyje, kurie yra paslėpti.
Elementai su visibility: hidden arba su
opacity: 0 laikomi matomais, kadangi jie užima
vietą makete. Elementai gali būti laikomi nematomais
dėl keleto priežasčių: CSS savybės
display reikšmė yra none, arba tai yra elementai su
atributu type="hidden",
arba jų aukštis arba plotis nustatytas į 0,
arba jų tėvinis elementas yra paslėptas.
Kadangi :hidden nepriklauso CSS specifikacijai,
todėl norint pagerinti našumą šiuolaikiniuose
naršyklėse geriausia iš pradžių išfiltruoti elementus
naudojant gryną CSS selektorių, o tada
pritaikyti .filter(':hidden').
Elementų matomumo sekimas naudojant kitus
metodus, pavyzdžiui, naudojant klasę, gali
užtikrinti geresnį našumą.
Sintaksė
Taip mes pasirenkame paslėptus elementus:
$(':hidden');
Pavyzdys
Spustelėję mygtuką #test
parodysime nematomus kvadratukus:
<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');
});
