jQuery Syntax
jQuery ဖြင့် သင်သည် (query) HTML အစိတ်အပိုင်းများကို ရွေးချယ်ပြီး ၎င်းတို့အပေါ် "လုပ်ဆောင်ချက်များ" လုပ်ဆောင်ပါ။
jQuery Syntax
jQuery syntax သည် HTML ဒြပ်စင်များကို ရွေးချယ်ခြင်း နှင့် ဒြပ်စင်(များ) တွင် လုပ်ဆောင်မှု အချို့ လုပ်ဆောင်ရန် အတွက် အံဝင်ခွင်ကျပြုလုပ်ထားသည်။
အခြေခံ syntax သည် $( selector ) ဖြစ်သည်။ လုပ်ဆောင်ချက် ()
- jQuery ကို သတ်မှတ်ရန်/ဝင်ရောက်ရန် $ သင်္ကေတ
- "query (သို့မဟုတ် find)" HTML ဒြပ်စင်များအတွက် A ( ရွေးချယ်ရေးကိရိယာ )
- ဒြပ်စင်(များ)တွင် လုပ်ဆောင်ရမည့် jQuery လုပ်ဆောင်ချက် ()
ဥပမာများ-
$(this).hide()
- လက်ရှိဒြပ်စင်ကိုဝှက်ထားသည်။
$("p").hide()
- <p> ဒြပ်စင်အားလုံးကို ဝှက်ထားသည်။
$(".test").hide()
- class="test" ဖြင့် ဒြပ်စင်အားလုံးကို ဝှက်ထားသည်။
$("#test").hide()
- id="test" ဖြင့်ဒြပ်စင်ကိုဝှက်ထားသည်။
သင် CSS ရွေးချယ်မှုများနှင့် ရင်းနှီးပါသလား။
jQuery သည် ဒြပ်စင်များကို ရွေးချယ်ရန် CSS အစီအမံကို အသုံးပြုသည်။ ဤသင်ခန်းစာ၏နောက်အခန်းတွင် ရွေးချယ်သူအထားအသိုအကြောင်း ပိုမိုလေ့လာနိုင်ပါမည်။
အကြံပြုချက်- CSS ကို မသိပါက၊ ကျွန်ုပ်တို့၏ CSS Tutorial ကို ဖတ်နိုင်ပါသည် ။
စာရွက်စာတမ်း အဆင်သင့်ဖြစ်နေပါပြီ။
ကျွန်ုပ်တို့၏နမူနာများရှိ jQuery နည်းလမ်းများအားလုံးသည် စာရွက်စာတမ်းအဆင်သင့်ဖြစ်ရပ်တစ်ခုအတွင်းတွင် ရှိနေသည်ကို သင်သတိပြုမိပေမည်။
$(document).ready(function(){
// jQuery methods go here...
});
ဤသည်မှာ စာရွက်စာတမ်းကို မတင်ခြင်းမပြီးမီ (အဆင်သင့်ဖြစ်ပါပြီ)။
စာရွက်စာတမ်းကို အပြည့်အ၀တင်ပြီး ၎င်းနှင့်မတွဲမီ အဆင်သင့်ဖြစ်ရန် စောင့်ခြင်းသည် ကောင်းသောအလေ့အကျင့်ဖြစ်သည်။ ၎င်းသည် သင့်စာရွက်စာတမ်း၏ အစိတ်အပိုင်းရှေ့၊ ခေါင်းပိုင်းအပိုင်းတွင် သင့် JavaScript ကုဒ်ကိုလည်း ထားရှိနိုင်စေမည်ဖြစ်သည်။
ဤသည်မှာ စာရွက်စာတမ်းကို အပြည့်အ၀မတင်မီ နည်းလမ်းများကို လုပ်ဆောင်ပါက ကျရှုံးနိုင်သော လုပ်ဆောင်ချက်များ ဥပမာအချို့ဖြစ်သည်-
- မဖန်တီးရသေးသော အစိတ်အပိုင်းတစ်ခုကို ဖျောက်ရန် ကြိုးစားနေပါသည်။
- မတင်ရသေးသော ပုံအရွယ်အစားကို ရယူရန် ကြိုးစားနေပါသည်။
အကြံပြုချက်- jQuery အဖွဲ့သည် စာရွက်စာတမ်းအဆင်သင့်ဖြစ်ရပ်အတွက် ပိုတိုတောင်းသောနည်းလမ်းကိုလည်း ဖန်တီးထားပါသည်။
$(function(){
// jQuery methods go here...
});
သင်နှစ်သက်သော syntax ကိုသုံးပါ။ ကုဒ်ကိုဖတ်သောအခါ စာရွက်စာတမ်းအဆင်သင့်ဖြစ်ရပ်သည် နားလည်ရလွယ်ကူသည်ဟု ကျွန်ုပ်တို့ထင်သည်။