jQuery width() နည်းလမ်း
❮ jQuery HTML/CSS နည်းလမ်းများ
ဥပမာ
<div> ဒြပ်စင်တစ်ခု၏ အကျယ်ကို ပြန်ပေးပါ။
$("button").click(function(){
alert($("div").width());
});
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
width() method သည် ရွေးချယ်ထားသော ဒြပ်စင်များ၏ အကျယ်ကို သတ်မှတ် သို့မဟုတ် ပြန်ပေးသည်။
ဤနည်းလမ်းကို width ပြန်ပေးရန် အတွက်အသုံးပြုသောအခါ ၊ ၎င်းသည် FIRST လိုက်ဖက်သောဒြပ်စင်၏ width ကိုပြန်ပေးသည်။
အကျယ် သတ်မှတ်ရန် ဤနည်းလမ်းကိုအသုံးပြုသောအခါ ၊ ၎င်းသည် လိုက်ဖက်သောဒြပ်စင်အားလုံး၏ width ကို သတ်မှတ်သည်။
အောက်ဖော်ပြပါပုံတွင် ဖော်ပြထားသည့်အတိုင်း၊ ဤနည်းလမ်းတွင် padding၊ border သို့မဟုတ် margin မပါဝင်ပါ။
ဆက်စပ်နည်းလမ်းများ-
- height() - ဒြပ်စင်တစ်ခု၏ အမြင့်ကို သတ်မှတ်ခြင်း သို့မဟုတ် ပြန်ပေးသည်။
- innerWidth() - ဒြပ်စင်တစ်ခု၏ အကျယ်ကို ပြန်ပေးသည် ( padding ပါဝင်သည် )
- innerHeight() - ဒြပ်စင်တစ်ခု၏ အမြင့်ကို ပြန်ပေးသည် ( padding ပါဝင်သည် )
- outerWidth() - ဒြပ်စင်တစ်ခု၏ အကျယ်ကို ပြန်ပေးသည် ( padding နှင့် border ပါ၀င်သည်)။
- outerHeight() - ဒြပ်စင်တစ်ခု၏အမြင့်ကို ပြန်ပေးသည် ( padding နှင့် border ပါ၀င်သည်)။
အထားအသို
အကျယ်ကို ပြန်ပေးပါ။
$(selector).width()
အကျယ်ကို သတ်မှတ်ပါ-
$(selector).width(value)
လုပ်ဆောင်ချက်ကို အသုံးပြု၍ အကျယ်ကို သတ်မှတ်ပါ-
$(selector).width(function(index,currentwidth))
Parameter | Description |
---|---|
value | Required for setting width. Specifies the width in px, em, pt, etc. Default unit is px |
function(index,currentwidth) | Optional. Specifies a function that returns the new width of selected elements
|
သင်ကိုယ်တိုင်စမ်းကြည့်ပါ - ဥပမာများ
မတူညီသောယူနစ်များကို အသုံးပြု၍ ဒြပ်စင်တစ်ခု၏ အကျယ်ကို သတ်မှတ်နည်း
ဒြပ်စင်တစ်ခု၏ အကျယ်ကို လျှော့ချရန် လုပ်ဆောင်ချက်ကို အသုံးပြုနည်း အကျယ်ကို လျှော့ပါ
အကျယ်ကို ပြန်ပေးနည်း စာရွက်စာတမ်းနှင့် ဝင်းဒိုးဒြပ်စင်များ၏ လက်ရှိအကျယ်ကို ပြန်ပေးနည်း။
width(), height(), innerHeight(), innerWidth(), outerWidth() နှင့် outerHeight() ကို အသုံးပြုနည်း
သေးငယ်သော ဖန်သားပြင်များတွင် စာမျက်နှာ၏ နောက်ခံအရောင်ကို ပြောင်းလဲနည်း။
❮ jQuery HTML/CSS နည်းလမ်းများ