- [Voiceover] ယခုသင့်ဝဘ်စာမျက်နှာတွင် jQuery ကိုအသုံးပြု ခြင်း၏အခြေခံအားဖြင့်သင့်ကိုပြောပြသွားမည် ပထမအဆင့်မှာ '<script>' tag ကို အသုံးပြု၍ jQuery library ကိုအမှန်တကယ်ထည့်သွင်းရန်ဖြစ်သည်။ အခုအရင်တုန်းကငါတို့ရဲ့ 'tag' ကို JavaScript မှာထည့်ထားပေမယ့် ဒီတခါတော့ 'src' ဆိုတဲ့ attribute ကိုထည့်မယ်။ ပြီးတော့အဲဒါကို URL တစ်ခုသတ်မှတ်ဖို့လိုတယ်။ ဒီ URL ကဘာဖြစ်သင့်လဲ ကျွန်ုပ်သည်ကျွန်ုပ်၏ကိုယ်ပိုင်ကွန်ပျူတာပေါ်တွင် အလုပ်လုပ်နေပြီး jQuery ကိုကျွန်ုပ်၏ဝက်ဘ်စာမျက်နှာကဲ့သို့ ဖိုင်တွဲတစ်ခုထဲသို့ဒေါင်းလုပ်ချလျှင်၊ ငါဒီမှာ 'jquery.js' လို့ရေးနိုင်တယ်။ ဒါပေမယ့် Khan Academy မှာ ဒါကအလုပ်ဖြစ်မှာမဟုတ်ဘူး။ ဤနေရာတွင်အွန်လိုင်းဆာဗာတွင် jQuery ၏အကြွင်းမဲ့ URL လိုအပ်သည်။ ထို jquery.com တွင်ထို URL များစာရင်းရှိသည်။ ကျွန်ုပ်တွင်၎င်းတို့ထဲမှတစ်ခုထည့်ပါ။ ဒီမှာ ကောင်းပါပြီ။ ယခုငါဒီ URL ကိုအကြောင်း အနည်းငယ်သောအရာတို့ကို ထောက်ပြချင်တယ်။ ပထမဆုံးအချက်မှာ၎င်းသည် 'https' ဖြင့်စတင်သည်။ ဆိုလိုသည်မှာ၎င်းသည်လုံခြုံသော URL ဖြစ်သည်။ ကျွန်ုပ်တို့သည် Khan Academy ၏ဝဘ်စာမျက်နှာများတွင် လုံခြုံသောအရင်းအမြစ်များကိုသာသုံးရန်ခွင့်ပြုသည်၊ ၎င်းသည်ယေဘုယျအားဖြင့်ဝဘ်ဖွံ့ဖြိုးတိုးတက်မှုတွင်ကောင်းမွန်သောအလေ့အကျင့်ဖြစ်သည်။ ဒုတိယအချက်ကတော့၊ အဲ ဒါဟာဂူဂဲလ်ဆာဗာမှာ googleapis.com ဖြစ်တယ် ဒီဆာဗာကို CDN လို့ခေါ်တယ်၊ အကြောင်းအရာဖြန့်ဝေတဲ့ကွန်ယက်လို့ခေါ်တယ်၊ ဆိုလိုတာက၎င်းဟာ static files တွေကို JavaScript libraries တွေကိုမြန်ဆန်စွာ ဆောင်ရွက်ပေးတာကိုဆိုလိုတယ်။ ယခုဤဂူဂဲလ်ဆာဗာသည်ကျွန်ုပ်ယုံကြည်စိတ်ချရသော တစ်ခုဖြစ်သည်။ ယေဘုယျအားဖြင့်၊ သင်ဖြစ်နိုင်ချေရှိသော အချိန်မှစ၍ သင်ရယူခဲ့သော script များမှသင်အမြဲတမ်းယုံကြည်စိတ်ချသင့်သည် သင်၏စာမျက်နှာကိုထိခိုက် စေသည့်အရာများလုပ်ပါ။ တတိယအချက် - ဒီ URL မှာ ဗားရှင်းနံပါတ်ရှိတယ် 2.1.4 ။ jQuery library ကို development လုပ်ကြသည်မှာအလွန်တက်ကြွပါတယ် ဗားရှင်အသစ်များလည်းမကြာမကြာထွက် ပါတယ် ဘယ်ဘက်မှနံပါတ်များသည်အဓိကဗားရှင်း အပြောင်းအလဲများနှင့် အသေးစားဗားရှင်းများကိုကိုယ်စားပြုသော ညာဘက်သို့ပိုဝေးသောနံပါတ်များကို ကိုယ်စားပြုသည်။ ငါ jQuery 2 ကိုဤနေရာတွင်သုံးသည်။ ၎င်းသည်ခေတ်မီ browser များ၌ အလုပ်လုပ်သော်လည်း IE8 တွင်အလုပ်မလုပ်ပါ။ သင်၏ကိုယ်ပိုင်ဆိုဒ်တွင် သင်လိုအပ်သည့်အရာပေါ် မူတည်၍ မည်သည့်ပုံစံကိုအသုံးပြုမည်ကိုဆုံးဖြတ်နိုင်သည်။ ကောင်းပါပြီ။ ဒါကြောင့်ကျနော်တို့က jQuery ထည့်ထားပြီးပြီ '<script>' tag အထဲမှာ တကယ် သုံးကြည့်ရအောင် JavaScript library အားလုံးသည် function အားလုံးကိုဖော်ပြပေးသည် ထို့အပြင် function အမည်များကိုလည်းပေးသည် ထို function အမည်များနှင့် ၎င်းတို့အမှန်တကယ်ဘာလုပ်သည်ကို ရှာဖွေရန်ကျွန်ုပ်တို့သည် စာရွက်စာတမ်းများကိုကြည့်ရှုရန်လိုသည်။ ကောင်းပြီ jQuery library သည် အဓိကလုပ်ဆောင်ချက်တစ်ခုကို ဖော်ပြပြီး၎င်းတွင်အလွန်တိုတောင်းသောနာမည်ရှိသည်။ ဒါဟာဒေါ်လာစျေးနိမိတ်ပဲ။ ဆိုလိုတာကငါတို့ပထမဆုံးရေးလိုက်တာက ဒေါ်လာ၊ ပြီးတော့ကွင်းနှစ်ကွင်းပါ။ ဘာဖြစ်လို့လဲဆိုတော့ဒါက function ဖြစ်ပြီး semicolon ပါ။ အခုဒီ function name ကအရမ်းတို နေတာကိုး။ အဲ့ဒီ function ကိုကျွန်တော်တို့ကကြောက်စရာ ကောင်းအောင်အများကြီးလုပ်နေလို့လေ။ ဒီ function ကိုကျွန်ုပ်တို့သွားနိုင်တဲ့ အရာများစွာရှိပါတယ်။ ဒါပေမယ့်ဒီမိတ်ဆက်ဥပမာအတွက် ငါ 'h1' string တစ်ခုသာသွားမယ်။ ဒါကိုကျွန်ုပ်တို့လုပ်ပြီးသွားရင် jQuery ကို ဒီစာမျက်နှာမှာ 'h1' element ကိုရှာခိုင်းပြီး ၄င်းကို jQuery collection object အဖြစ်သို့ပြောင်းလဲမည် အဲဒါကိုလုပ်ပြီးရင် jQuery object တွေ့သမျ 'h1' element ကိုစစ်ရန် တခြား နည်းလမ်းခေါ်လိုရပါတယ် ငါကသူတို့အားလုံးကို၏ အတွင်းပိုင်းစာသားကိုပြောင်းလဲချင် လျှင်လိုပဲငါ 'text' function ကို ခေါ်ပြီးတော့ string ကိုပေးလိုက်တယ်။ အဲဒါအလုပ်လုပ်နေတယ် ကောင်းပြီ လုပ်ပြီးပြီ ၎င်းသည်ကျွန်ုပ်တို့၏ ပထမဆုံး jQuery ဖြစ်သည်။ ထို့ကြောင့်ကျွန်ုပ်တို့သည် jQuery libraryကို '' tag နှင့်ထည့်ပြီးစာမျက်နှာရှိ 'h1s' အားလုံးကိုရှာရန်။ jQuery ကိုပြောပြီးနောက်၎င်းတို့အားလုံး၏စာသားကိုပြောင်းလဲရန် jQuery နှင့်လုပ်ခိုင်းခဲ့သည် သင်ဆက်လေ့လာရင် အသေးစိတ်အချက်အလက်များကိုသိနိုင်ပြီး ရွေးချယ်ဖို့နဲ့ element manipulate ပိုသိနိုင်လာပါလိမ့်မယ် စာမျက်နှာက user event တွေကိုလည်း jQuery က တုန့်ပြန်လိမ့်မယ် ဒါအပြင် animation နဲ့ effects တွေလည်းပါပါလိမ့်မယ်