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:


	$(':hidden');


Mysal 

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


	<button id="test">görkez</button>
<div></div>
<div style="display:none;"></div>
<div></div>
<div></div>
<div style="display:none;"></div>
	div {
	width: 40px;
	height: 40px;
	margin: 5px;
	border: 2px outset green;
	float: left;
}
	$('#test').click(function() {
	$('div:hidden').show('slow');
});


Şeýle-de görüň

	
		
			selektor ⁅c href="/tk/javascript/lib/jquery/manual/selector/visible/"⁆visible⁅/c /c⁆, 

			ýagny sahypadaky ähli görnüşli elementleri saýlaýar
		
		
			usul ⁅c href="/tk/javascript/lib/jquery/manual/filter/"⁆filter⁅/c /c⁆, 

			ýagny elementleri berlen
			selektor boýunça süzýär
		
		
			usul ⁅c href="/tk/javascript/lib/jquery/manual/hide/"⁆hide⁅/c /c⁆, 

			ýagny elementleri haýal gizleýär