Selektors hidden

Selektors :hidden atlasa visus elementus lapā, kas ir paslēpti. Elementi ar visibility: hidden vai ar opacity: 0 tiek uzskatīti par redzamiem, jo tie aizņem vietu izkārtojumā. Elementi var tikt uzskatīti par neredzamiem vairāku iemeslu dēļ: CSS īpašības display vērtība ir none, vai tie ir elementi ar atribūtu type="hidden", vai to augstums vai platums ir iestatīts uz 0, vai to vecāka elements ir paslēpts. Tā kā :hidden nepieder CSS specifikācijai, tad, lai uzlabotu veiktspēju mūsdienu pārlūkprogrammās, labāk sākumā atfiltrēt elementus, izmantojot tīru CSS selektoru, un pēc tam piemērot .filter(':hidden'). Elementu redzamības izsekošana, izmantojot citas metodes, piemēram, ar klases palīdzību, var nodrošināt labāku veiktspēju.

Sintakse

Tā mēs atlasām paslēptos elementus:

javascript$(':hidden');

Piemērs

Klikšķinot uz pogas #test parādīsim neredzamos kvadrātiņus:

html<button id="test">show</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');
});

Skatiet arī