jQuery ဖြင့် အစုတစ်ခုရှိ အစိတ်အပိုင်းများကို variable တစ်ခုထဲသို့ ရေးသားခြင်း

$('.www').html('!!!') ကဲ့သို့ ကွင်းဆက်များကို မဆောက်ဘဲ၊ ပထမဦးစွာ အစုတစ်ခုရှိ အစိတ်အပိုင်းများ $('.www') ကို variable တစ်ခုထဲသို့ ရေးသားနိုင်သည် (၎င်းကို elems ဟု ခေါ်သည်)၊ ထို့နောက် ၎င်း variable သို့ method .html('!!!') ကို အသုံးပြုနိုင်သည်။ ဥပမာအားဖြင့်၊ ကျွန်ုပ်တို့၏ HTML ကုဒ်သည် အောက်ပါအတိုင်း ဖြစ်သည်:

<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

JavaScript တွင် ရေးသားထားသော ကုဒ်သည် အောက်ပါအတိုင်း ပုံစံရှိပါမည်:

let elems = $('.www');
elems.html('!!!');

အဆင်ပြေစေရန် လိုက်နာလေ့ရှိသော သဘောတူညီချက်တစ်ခုရှိသည်: jQuery ဖြင့် wrap လုပ်ထားသော အစုတစ်ခုကို ကိုင်တွယ်ထားသည့် variable အမည်များကို ဒေါ်လာ သင်္ကေတဖြင့် စတင်ရန် လက်ခံထားသည်။ ဆိုလိုသည်မှာ ကျွန်ုပ်တို့၏ ဖြစ်ရပ်တွင် elems မဟုတ်ဘဲ $elems ဖြစ်သင့်သည်။

အကယ်၍ variable အမည် $elems သည် သင့်အား စိတ်ရှုပ်စေပါက - JavaScript တွင် ဒေါ်လာ သင်္ကေတသည် သာမန် သင်္ကေတတစ်ခုသာ ဖြစ်ပြီး မည်သည့်နေရာတွင်မဆို အသုံးပြုနိုင်သည်ကို သတိပြုပါ။ jQuery နှင့် အခြား library အချို့တွင် လုပ်ထားသကဲ့သို့ $ သင်္ကေတတစ်ခုတည်းဖြင့် ဖွဲ့စည်းထားသော လုပ်ဆောင်ချက် (function) အမည်တစ်ခုကိုပင် ဖန်တီးနိုင်သည်။

ထို့ကြောင့် ထပ်မံ၍ - အကယ်၍ သင်၏ jQuery အစုတစ်ခုကို variable တစ်ခုထဲသို့ ရေးသားလိုပါက၊ ၎င်း variable ကို ဒေါ်လာ သင်္ကေတဖြင့် စတင်ရန် လက်ခံထားသည်။ ဤအရာသည် မဖြစ်မနေ မဟုတ်သော်လည်း၊ ဤ variable ထဲတွင် အစုတစ်ခုရှိ အစိတ်အပိုင်းများ ရှိနေပြီး ၎င်းသည် jQuery method အားလုံးကို အသုံးပြုနိုင်ကြောင်း ပထမဆုံးကြည့်ရှုခြင်းဖြင့် နားလည်စေရန် ခွင့်ပြုပေးသည်။

အောက်ပါ HTML ကုဒ်ဖြင့် ကျွန်ုပ်တို့၏ ဥပမာတွင် ဤအရာကို အသုံးပြုကြပါစို့:

<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

ဤအခါ JavaScript သည် အောက်ပါအတိုင်း ဖြစ်လာပါမည်:

let $elems = $('.www');
$elems.html('!!!');

အလားတူပင် စာသားထည့်သွင်းရန် text method ကို အသုံးပြုနိုင်သည်:

$('.www').text('!!!');

h3 အားလုံးသို့ text method ကို အသုံးပြု၍ '!!!' စာသားကို ထားရှိပါ။