Селектор hidden

Селектор :hidden саҳифадаги яширин бўлган барча элементларни танлайди. visibility: hidden ёки opacity: 0 билан бўлган элементлар кўринади деб ҳисобланади, чунки улар макетда жой олур. Элементлар бир неча сабабларга кўра кўринмас деб ҳисобланиши мумкин: css-хусусиятининг display - none, ёки бу type="hidden" атрибути бўлган элементлар, ёки уларнинг бўйи ва эни 0 га тенглаштирилган, ёки уларнинг ота-она элемента яширин. :hidden CSS спецификациясига кирмагани сабабли, zamonaviy браузерларда яхширок ишлаши учун аввал элементларни соф css-селектори ёрдамида филтрлаб олиб, сўнгра .filter(':hidden') ни қўллаш яхшироқ. Элементларнинг кўринишини бошқа усуллар, масалан, синф ёрдамида кузатиш, яхширок ишлашини таъминлаши мумкин.

Синтаксис

Яширин элементларни шундай танлаймиз:

javascript$(':hidden');

Мисол

Кўрсатиш тугмаси #test босилганда кўринмас квадратчаларни кўрсатамиз:

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

Қараб ҳам боринг