selector button

selector :button သည် button အစိတ်အပိုင်းများနှင့် button အမျိုးအစားရှိသော အစိတ်အပိုင်းအားလုံးကို ရွေးချယ်ပါသည်။ button, input တို့ကို button အမျိုးအစားဖြင့် ကြည့်ရှုပါ။ $(':button') ၏ ညီမျှခြင်းမှာ $('button'), $("input[type='button']") တို့ဖြစ်သည်။ :button သည် CSS သတ်မှတ်ချက်တွင် မပါဝင်သောကြောင့်၊ ခေတ်သစ်ဘရောက်ဆာများတွင် စွမ်းဆောင်ရည်ကို မြှင့်တင်ရန် စစ်ထုတ်ရာတွင် pure css-selector ကို အသုံးပြု၍ ထို့နောက် .filter(':button') ကို အသုံးပြုရန် ပိုကောင်းပါသည်။

Syntax

ဤသို့ဖြင့် button များကို ရွေးချယ်ပါသည်။

$(':button');

ဥပမာ

အထက်ဖော်ပြပါ သီအိုရီအတိုင်း၊ button အားလုံးကို ရွေးချယ်၍ အစိမ်းရောင် နောက်ခံနှင့် အနီရောင် ဘောင်ကို ပြုလုပ်ပေးကာ marked class ကို addClass နည်းလမ်းကို အသုံးပြု၍ ပေါင်းထည့်ကြပါစို့။

<form>
	<input type="button" value="button">
	<input type="file">
	<button>button</button>
	<input type="reset">
	<input type="radio">
	<input type="text">
</form>

.marked {
	background-color: green;
	border: 2px red solid;
}

$(':button').addClass('marked');

$('form').submit(function(event) {
	event.preventDefault(); // form ပေးပို့ခြင်းကို တားဆီးသည်
});

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

tag button
tag input
method filter,
အရာအတွဲတစ်ခုထဲရှိ အစိတ်အပိုင်းများကို သတ်မှတ်ထားသော selector ဖြင့် စစ်ထုတ်သည်
method addClass,
သတ်မှတ်ထားသော CSS class ကို အစိတ်အပိုင်းတစ်ခုထဲသို့ ပေါင်းထည့်ပေးသည်