ဆယ်လက်တာ hidden

ဆယ်လက်တာ :hidden သည် စာမျက်နှာပေါ်ရှိ ပုန်းကွယ်နေသော အရာအားလုံးကို ရွေးချယ်ပေးသည်။ visibility: hidden သို့မဟုတ် opacity: 0 ရှိသော အရာများသည် မြင်ရသည်ဟု သတ်မှတ်သည်၊ အဘယ်ကြောင့်ဆိုသော် ၎င်းတို့သည် အမြင်ဆိုင်ရာ အပြင်အဆင်တွင် နေရာယူထားသောကြောင့် ဖြစ်သည်။ အရာများသည် အကြောင်းအမျိုးမျိုးကြောင့် မမြင်ရဟု သတ်မှတ်နိုင်သည်- css-ဂုဏ်သတ္တိ display ၏ တန်ဖိုးသည် none ဖြစ်ခြင်း၊ သို့မဟုတ် ဤအရာများသည် type="hidden" attribute ရှိခြင်း၊ သို့မဟုတ် ၎င်းတို့၏ အမြင့် သို့မဟုတ် အကျယ်ကို 0 အဖြစ် သတ်မှတ်ထားခြင်း၊ သို့မဟုတ် ၎င်းတို့၏ မိဘအရာ ပုန်းကွယ်နေခြင်းတို့ ဖြစ်သည်။ :hidden သည် CSS သီးသန့်သတ်မှတ်ချက်နှင့် သက်ဆိုင်ခြင်း မရှိသောကြောင့်၊ ခေတ်သစ် browser များတွင် စွမ်းဆောင်ရည် ပိုမိုကောင်းမွန်စေရန် အစတွင် CSS-ဆယ်လက်တာကို သုံး၍ အရာများကို စစ်ထုတ်ပြီးမှ .filter(':hidden') ကို အသုံးပြုသင့်သည်။ အခြားနည်းလမ်းများ (ဥပမာ- class တစ်ခုကို အသုံးပြု၍) ဖြင့် အရာများ၏ မြင်နိုင်မှုကို ခြေရာခံခြင်းသည် စွမ်းဆောင်ရည် ပိုမိုကောင်းမွန်စေနိုင်သည်။

ဝါကျဖွဲ့ပုံ

ဤနည်းဖြင့် ပုန်းကွယ်နေသော အရာများကို ရွေးချယ်သည်-

javascript$(':hidden');

ဥပမာ

ခလုတ် #test အပေါ် နှိပ်လိုက်သောအခါ မမြင်ရသော စတုရန်းကလေးများကို ပြသပါစို့-

html<button id="test">ပြရန်</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');
});

ဆက်လက်ကြည့်ရှုရန်