Селектори hidden

Селектори :hidden ҳамаи унсурҳоро дар саҳифа интихоб мекунад, ки пинҳон шудаанд. Унсурҳо бо visibility: hidden ё бо opacity: 0 дида мешаванд, зеро ҷойро дар макет ишғол мекунанд. Унсурҳо барои чанд сабаб дида намешаванд: қимати хосияти css display - none, ё ин унсурҳо бо сифати type="hidden", ё баландии онҳо ё паҳноӣ ба 0 таъин шудааст, ё унсури волидайнашон пинҳон аст. Аз он ҷое ки :hidden ба муайянномаи CSS тааллуқ надорад, пас барои беҳтар кардани суръат дар браузерҳои муосир беҳтар аст, ки аввал унсурҳоро бо истифода аз селектори css-и холис филтр кунед, сипас .filter(':hidden')-ро истифода баред. Пайгирии дидашавии унсурҳо бо роҳҳои дигар, масалан, бо истифода аз синф, метавонад суръати беҳтарро таъмин кунад.

Синтаксис

Ҳамин тавр мо унсурҳои пинҳоншударо интихоб мекунем:

javascript$(':hidden');

Мисол

Биёед бо клик кардан ба тугмаи #test чаҳоркунчаҳои нодидорро нишон диҳем:

html<button id="test">нишон диҳед</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');
});

Нигаред низ