Hidden-valitsin

Valitsin :hidden valitsee kaikki sivun elementit, jotka ovat piilotettuja. Elementit, joilla on visibility: hidden tai opacity: 0, katsotaan näkyviksi, koska ne vievät tilaa asettelussa. Elementtejä voidaan pitää näkymättöminä useista syistä: CSS-ominaisuuden display arvo on none, tai ne ovat elementtejä, joilla on type="hidden"-määrite, tai niiden korkeus tai leveys on asetettu arvoon 0, tai niiden yläelementti on piilotettu. Koska :hidden ei kuulu CSS-spesifikaatioon, on nykyaikaisissa selaimissa suorituskyvyn parantamiseksi parempi suodattaa elementit aluksi käyttämällä puhdasta CSS-valitsinta ja sitten käyttää .filter(':hidden'). Elementtien näkyvyyden seuraaminen muilla tavoilla, esimerkiksi luokan avulla, voi tarjota paremman suorituskyvyn.

Syntaksi

Näin valitsemme piilotetut elementit:

javascript$(':hidden');

Esimerkki

Näytetäänpiin näkymättömät neliöt napin #test klikkauksella:

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');
});

Katso myös