Hidden selektor

Selektor :hidden valib kõik lehel olevad elemendid, mis on peidetud. Elemendid, millel on visibility: hidden või opacity: 0, loetakse nähtavateks, kuna nad võtavad ruumi lehekülje paigutuses. Elemente võib lugeda nähtamatuks mitu põhjustel: CSS-omaduse display väärtus on none, need on elemendid atribuudiga type="hidden", või nende kõrgus või laius on seatud 0-ks, või nende vanemelement on peidetud. Kuna :hidden ei kuulu CSS spetsifikatsiooni, siis tõhususe parandamiseks kaasaegsetes brauserites on parem kõigepealt filtreerida elemente kasutades puhta CSS-selektori ning seejärel rakendada .filter(':hidden'). Elementide nähtavuse jälgimine muude meetoditega, näiteks klassi abil, võib pakuda paremat jõudlust.

Süntaks

Nii valime me peidetud elemendid:

javascript$(':hidden');

Näide

Klõpsake nupul #test, et näidata nähtamatuid ruute:

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

Vaata ka