image ဆယ်လက်တာ

:image ဆယ်လက်တာသည် ဖောင်တင်ရန် ရုပ်ပုံများဖြစ်သော image အမျိုးအစားရှိ အစိတ်အပိုင်းများကို ရွေးချယ်သည်။ $(':image') ၏ တန်းတူညီမျှသောအရာမှာ $('[type=image]') ဖြစ်သည်။ :image သည် CSS သတ်မှတ်ချက်နှင့် မသက်ဆိုင်သောကြောင့် ခေတ်သစ်ဘရောက်ဇာများတွင် စွမ်းဆောင်ရည်မြှင့်တင်ရန် ၎င်းအစား [type='image'] ကို အသုံးပြုသင့်သည်။

ဝါကျဖွဲ့ပုံ

image အမျိုးအစားရှိသော အစိတ်အပိုင်းများကို ဤသို့ရွေးချယ်ပါမည်။

javascript$(':image');

နမူနာ

image အမျိုးအစားရှိသော အင်ပျူများအားလုံးကို ရွေးချယ်ပြီး css နည်းလမ်းကို အသုံးပြု၍ အစိမ်းရောင် နောက်ခံနှင့် အနီရောင် ဘောင်ခြပ်ရအောင် ပြုလုပ်ကြည့်ရအောင်။

html<form>
  <input type="button" value="button">
  <input type="file">
  <input type="password">
  <button>button</button>
  <input type="reset">
  <input type="radio" name="test">
  <input type="radio" name="test">
  <input type="checkbox">
  <input type="image">
  <input type="text">
</form>
javascript$('input:image').css({background: 'green', border: '2px red solid'});

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

ဒါလည်း ကြည့်ပါ

  • နည်းလမ်း filter,
    အရာသည် သတ်မှတ်ထားသော ဆယ်လက်တာဖြင့် အစုအတွင်းရှိ အစိတ်အပိုင်းများကို စစ်ထုတ်သည်
  • နည်းလမ်း css,
    အရာသည် အစိတ်အပိုင်း၏ CSS စတိုင်များကို ရယူပြောင်းလဲခွင့်ပြုသည်
  • ဆယ်လက်တာ submit,
    အရာသည် ဖောင်တင်ခြင်း ခလုတ်များဖြစ်သော submit အမျိုးအစားရှိ အစိတ်အပိုင်းများကို ရွေးချယ်သည်