Hidden selektory

Selektor :hidden sahypadaky ähli gizlin elementleri saýlaýar. visibility: hidden ýa-da opacity: 0⁅/c /c⁆ bolan elementler görnüşli hasap edilýär, sebäbi olar makette orun eýeleýär. Elementler birnäçe sebäbe görä görünmeýän hasap edilip bilner: css aýratynlygynyň display bahasy - none⁅/v /v⁆, ýa-da olar type="hidden"⁅/c /c⁆ atributy bolan elementler, ýa-da olaryň beýikligi ýa-da ini CSS-e görä 0 bolsa, ýa-da olaryň ata elementi gizlenen. :hidden⁅/z /z⁆ CSS spetsifikasiýasyna degişli däl bolany üçin, häzirki brauzerlerde işjeňligi gowulandymak üçin başda elementleri arassalaryndan süzmekde arassa css-selektory ulanmak, soň bolsa .filter(':hidden')⁅/c /c⁆ ulanmak gowudyr. Elementleriň görünirligini beýleki usullary ulanmak bilen yzarlamak, meselem, klas arkaly, has gowy işjeňlik gazandyrýar.

Sintaksis

Şeýlelik bilen gizlin elementleri saýlaýarys:

javascript$(':hidden');

Mysal

Geliň #test⁅/z /z⁆ düwmesine basylanda görünmeýän kwadratiklary görkezeliň:

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

Şeýle-de görüň