ဆယ်လက်တာ hidden
ဆယ်လက်တာ :hidden သည် စာမျက်နှာပေါ်ရှိ
ပုန်းကွယ်နေသော အရာအားလုံးကို ရွေးချယ်ပေးသည်။
visibility: hidden သို့မဟုတ်
opacity: 0 ရှိသော အရာများသည် မြင်ရသည်ဟု သတ်မှတ်သည်၊
အဘယ်ကြောင့်ဆိုသော် ၎င်းတို့သည် အမြင်ဆိုင်ရာ အပြင်အဆင်တွင်
နေရာယူထားသောကြောင့် ဖြစ်သည်။ အရာများသည် အကြောင်းအမျိုးမျိုးကြောင့်
မမြင်ရဟု သတ်မှတ်နိုင်သည်- css-ဂုဏ်သတ္တိ display ၏ တန်ဖိုးသည်
none ဖြစ်ခြင်း၊ သို့မဟုတ် ဤအရာများသည်
type="hidden" attribute ရှိခြင်း၊
သို့မဟုတ် ၎င်းတို့၏ အမြင့် သို့မဟုတ် အကျယ်ကို 0 အဖြစ်
သတ်မှတ်ထားခြင်း၊
သို့မဟုတ် ၎င်းတို့၏ မိဘအရာ ပုန်းကွယ်နေခြင်းတို့ ဖြစ်သည်။
:hidden သည် CSS သီးသန့်သတ်မှတ်ချက်နှင့် သက်ဆိုင်ခြင်း
မရှိသောကြောင့်၊ ခေတ်သစ် browser များတွင် စွမ်းဆောင်ရည် ပိုမိုကောင်းမွန်စေရန်
အစတွင် CSS-ဆယ်လက်တာကို သုံး၍ အရာများကို စစ်ထုတ်ပြီးမှ
.filter(':hidden') ကို အသုံးပြုသင့်သည်။
အခြားနည်းလမ်းများ (ဥပမာ- class တစ်ခုကို အသုံးပြု၍) ဖြင့်
အရာများ၏ မြင်နိုင်မှုကို ခြေရာခံခြင်းသည်
စွမ်းဆောင်ရည် ပိုမိုကောင်းမွန်စေနိုင်သည်။
ဝါကျဖွဲ့ပုံ
ဤနည်းဖြင့် ပုန်းကွယ်နေသော အရာများကို ရွေးချယ်သည်-
$(':hidden');
ဥပမာ
ခလုတ် #test အပေါ် နှိပ်လိုက်သောအခါ
မမြင်ရသော စတုရန်းကလေးများကို ပြသပါစို့-
<button id="test">ပြရန်</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');
});
