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:

javascript$(':hidden');

Nümunə

Gəlin #test düyməsinə klikləməklə görünməz kvadratları göstərək:

html<button id="test">göstər</button>
<div></div>
<div style="display:none;"></div>
<div></div>
<div></div>
<div style="display:none;"></div>

cssdiv {
  width: 40px;
  height: 40px;
  margin: 5px;
  border: 2px outset green;
  float: left;
}

javascript$('#test').click(function() {
  $('div:hidden').show('slow');
});

Həmçinin bax