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