Përzgjedhësi hidden
Përzgjedhësi :hidden zgjedh të gjithë elementët në
faqe, të cilët janë të fshehur.
Elementët me visibility: hidden ose me
opacity: 0 konsiderohen të dukshëm, pasi zënë
vend në paraqitjen e faqes. Elementët mund të konsiderohen të padukshëm
për disa arsye: vlera e vetive css
display - none, ose janë elementë me
atribut type="hidden",
ose lartësia ose gjerësia e tyre është vendosur në 0,
ose elementi prind i tyre është i fshehur.
Meqenëse :hidden nuk i përket specifikimit CSS,
për të përmirësuar performancën në
shfletuesit modernë është më mirë që fillimisht të filtrohen elementët
duke përdorur një përzgjedhës të pastër css, dhe më pas
të aplikohet .filter(':hidden').
Gjurmimi i dukshmërisë së elementëve duke përdorur metoda
tjera, për shembull, duke përdorur një klasë, mund
të sigurojë performancë më të mirë.
Sintaksë
Kështu zgjedhim elementët e fshehur:
$(':hidden');
Shembull
Le të shfaqim katrorët e padukshëm me një klikim në butonin
#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');
});
