Hidden selektor
:hidden selektoru səhifədəki
gizli olan bütün elementləri seçir.
visibility: hidden və ya
opacity: 0 olan elementlər görünən sayılır,
çünki onlar layoutda yer tutur. Elementlər bir neçə səbəbdən
görünməz hesab edilə bilər: css xassəsinin
display dəyəri - none, və ya type="hidden"
atributuna malik elementlər,
ya da onların hündürlüyü və eni 0 təyin edilib,
və ya onların valideyn elementi gizlidir.
:hidden CSS spesifikasiyasına aid olmadığı üçün,
müasir brauzerlərdə daha yaxşı performans üçün
elementləri əvvəlcə təmiz css selektoru ilə süzmək,
və sonra .filter(':hidden') tətbiq etmək daha yaxşıdır.
Elementlərin görünməzliyini digər üsullarla, məsələn,
sinif vasitəsilə izləmək daha yaxşı performans təmin edə bilər.
Sintaksis
Biz gizli elementləri belə seçirik:
$(':hidden');
Nümunə
Gəlin #test düyməsinə klikləməklə
görünməz kvadratları göstərək:
<button id="test">göstər</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');
});
