Hidden селекторы
:hidden селекторы беттегі
жасырын тұрған барлық элементтерді таңдайды.
visibility: hidden немесе
opacity: 0 бар элементтер көрініп тұрған деп саналады, себебі олар
орналасуда орын алады. Элементтер бірнеше себептермен көрінбейтін деп саналуы мүмкін:
display css-қасиетінің мәні -
none, немесе бұл type="hidden"
атрибуты бар элементтер,
немесе олардың биіктігі мен ені 0 деп белгіленген,
не олардың ата-ана элементі жасырын.
:hidden CSS спецификациясына жатпайтындықтан,
заманауи браузерлерде өнімділікті жақсарту үшін
алдымен таза css-селекторын қолданып элементтерді сүзгілеп,
содан кейін .filter(':hidden') қолдану ұсынылады.
Элементтердің көрінуін басқа әдістер арқылы бақылау,
мысалы, класс арқылы,
жақсы өнімділікке қол жеткізуге мүмкіндік береді.
Синтаксис
Жасырын элементтерді былай таңдаймыз:
$(':hidden');
Мысал
#test батырмасын басқанда
көрінбейтін шаршыларды көрсетейік:
<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');
});
