Hidden selektori
:hidden selektori sahifadagi
barcha yashirin elementlarni tanlaydi.
visibility: hidden yoki
opacity: 0 bilan bo'lgan elementlar
ko'rinadigan hisoblanadi, chunki ular makonda
o'rin egallaydilar. Elementlar bir nechta sabablarga
ko'ra ko'rinmas deb hisoblanishi mumkin: css-xususiyatining
display qiymati - none, yoki bu
type="hidden" atributiga ega elementlar,
yoki ularning balandligi yoki kengligi 0 ga o'rnatilgan,
yoki ularning ota-ona elementi yashiringan.
:hidden CSS spetsifikatsiyasiga kirmagani uchun,
zamonaviy brauzerlarda samaradorlikni oshirish uchun
avval toza css-selektori yordamida elementlarni
filtrlab olish, keyin esa
.filter(':hidden') ni qo'llash yaxshiroqdir.
Elementlarning ko'rinishini boshqa usullar,
masalan, klass yordamida kuzatish
yaxshiroq samaradorlikni ta'minlashi mumkin.
Sintaksis
Biz yashirin elementlarni shunday tanlaymiz:
$(':hidden');
Misol
Keling, #test tugmachasini bosishda
ko'rinmaydigan kvadratlarni ko'rsatamiz:
<button id="test">show</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');
});
