jQuery ကျူတိုရီရယ်

jQuery ပင်မစာမျက်နှာ jQuery မိတ်ဆက် jQuery စတင်လိုက်ပါ။ jQuery Syntax jQuery ရွေးချယ်မှုများ jQuery ပွဲများ

jQuery အကျိုးသက်ရောက်မှုများ

jQuery ဖျောက်/ပြပါ။ jQuery အရောင်မှိန်ခြင်း။ jQuery Slide jQuery Animate jQuery stop() jQuery ပြန်ခေါ်ပါ။ jQuery ချိတ်ဆက်ခြင်း။

jQuery HTML

jQuery ကိုရယူပါ။ jQuery သတ်မှတ် jQuery ကိုထည့်ပါ။ jQuery ကိုဖယ်ရှားပါ။ jQuery CSS အတန်းများ jQuery css() jQuery အတိုင်းအတာများ

jQuery လမ်းလျှောက်ခြင်း။

jQuery လမ်းလျှောက်ခြင်း။ jQuery ဘိုးဘေးများ jQuery မျိုးဆက်များ jQuery မောင်နှမများ jQuery စစ်ထုတ်ခြင်း။

jQuery AJAX

jQuery AJAX နိဒါန်း jQuery Load jQuery Get/Post

jQuery ထွေ

jQuery noConflict() jQuery စစ်ထုတ်မှုများ

jQuery ဥပမာများ

jQuery ဥပမာများ jQuery စာမေးပွဲ jQuery လေ့ကျင့်ခန်းများ jQuery လက်မှတ်

jQuery ကိုးကားချက်များ

jQuery ခြုံငုံသုံးသပ်ချက် jQuery ရွေးချယ်မှုများ jQuery ပွဲများ jQuery အကျိုးသက်ရောက်မှုများ jQuery HTML/CSS jQuery လမ်းလျှောက်ခြင်း။ jQuery AJAX jQuery ထွေ jQuery ဂုဏ်သတ္တိများ

jQuery outerHeight() နည်းလမ်း

❮ jQuery HTML/CSS နည်းလမ်းများ

ဥပမာ

<div> ဒြပ်စင်တစ်ခု၏ အပြင်ဘက်အမြင့်ကို ပြန်ပေးပါ။

$("button").click(function(){
  alert($("div").outerHeight());
});

အဓိပ္ပါယ်နှင့် အသုံးပြုမှု

outerHeight() နည်းလမ်းသည် FIRST လိုက်ဖက်သောဒြပ်စင်၏ အပြင်ဘက်အမြင့်ကို ပြန်ပေးသည်။

အောက်ဖော်ပြပါပုံတွင် ဖော်ပြထားသည့်အတိုင်း၊ ဤနည်းလမ်းတွင် padding နှင့် border ပါဝင်သည်။

အကြံပြုချက်- အနားသတ်ကို ထည့်သွင်းရန်၊ outerHeight(true) ကို အသုံးပြုပါ။

jQuery အတိုင်းအတာများ


ဆက်စပ်နည်းလမ်းများ-

  • width() - ဒြပ်စင်တစ်ခု၏ အကျယ်ကို သတ်မှတ် သို့မဟုတ် ပြန်ပေးသည်။
  • height() - ဒြပ်စင်တစ်ခု၏ အမြင့်ကို သတ်မှတ်ခြင်း သို့မဟုတ် ပြန်ပေးသည်။
  • innerWidth() - ဒြပ်စင်တစ်ခု၏ အကျယ်ကို ပြန်ပေးသည် ( padding ပါဝင်သည် )
  • innerHeight() - ဒြပ်စင်တစ်ခု၏ အမြင့်ကို ပြန်ပေးသည် ( padding ပါဝင်သည် )
  • outerWidth() - ဒြပ်စင်တစ်ခု၏ အကျယ်ကို ပြန်ပေးသည် ( padding နှင့် border ပါ၀င်သည်)။

အထားအသို

$(selector).outerHeight(includeMargin)

Parameter Description
includeMargin Optional. A Boolean value specifying whether or not to include the margin
  • false - Default. Does not include the margin
  • true - Includes the margin

သင်ကိုယ်တိုင်စမ်းကြည့်ပါ - ဥပမာများ


၊ မရှိ သတ်မှတ်ပါ။


width(), height(), innerHeight(), innerWidth(), outerWidth() နှင့် outerHeight() ကို အသုံးပြုနည်း


❮ jQuery HTML/CSS နည်းလမ်းများ