text ရွေးချယ်သူ
:text ရွေးချယ်သူသည်
text အမျိုးအစားရှိ input များကို
ရွေးချယ်သည်။ input
tag ကို ကြည့်ပါ။
:text သည် CSS သီးသန့် သတ်မှတ်ချက်တွင် မပါဝင်သောကြောင့်၊
ခေတ်သစ် browser များတွင် စွမ်းဆောင်ရည် မြှင့်တင်ရန် ၎င်းအစား
[type='text'] ကို အသုံးပြုသင့်သည်။
Syntax
text အမျိုးအစားရှိ input များကို ဤသို့ ရွေးချယ်သည်။
$(':text');
အခြား pseudo-class ရွေးချယ်သူများကဲ့သို့ပင်
(':' ဖြင့် စသော)၊ ':' မတိုင်မီ
tag အမည် သို့မဟုတ် အခြားရွေးချယ်သူတစ်ခုကို ထားသင့်သည်၊
သို့မဟုတ်ပါက '*' ရွေးချယ်သူကို အသုံးပြုမည်ဖြစ်သည်၊
ဆိုလိုသည်မှာ $(':text') ကို
$('*:text') အဖြစ် နားလည်မည်ဖြစ်သည်၊ ထို့ကြောင့် ၎င်းအစား
$('input:text') ကို အသုံးပြုသင့်သည်။
:text သည် type attribute
မသတ်မှတ်ထားသော input အားလုံးကိုလည်း ရွေးချယ်မည်ကို သတိပြုရမည်၊
အပြုအမူကွဲပြားမှုကို အောက်ပါဥပမာတွင် တွေ့မြင်နိုင်သည်။
$('<input>').is('[type=text]'); // false ပြန်ပေးသည်
$('<input>').is(':text'); // true ပြန်ပေးသည်
ဥပမာ
text အမျိုးအစားရှိ input အားလုံးကို ရွေးချယ်ပြီး
css method ကို အသုံးပြု၍
အစိမ်းရောင် နောက်ခံနှင့် အနီရောင် ဘောင်ခတ်ကြပါစို့။
<form>
<input type="button" value="button">
<input type="file">
<input type="checkbox">
<button>button</button>
<input type="reset">
<input type="radio" name="test">
<input type="radio" name="test">
<input type="checkbox">
<input type="text">
</form>
$('form input:text').css({background: 'green', border: '2px red solid'});
$('form').submit(function(event) {
event.preventDefault(); // form ပေးပို့ခြင်းကို တားဆီးသည်
});
