selector button

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

Syntax

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

javascript$(':button');

ဥပမာ

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

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

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

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

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

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