jQuery တွင် ဖြစ်ရပ်များ ချိတ်ဆက်ခြင်း

JavaScript ၏ ဖြစ်ရပ်တိုင်းနီးပါးတွင် ၎င်း၏ကိုယ်ပိုင် jQuery method ရှိသည်။ ဥပမာအားဖြင့်၊ အစိတ်အပိုင်းများကို နှိပ်ခြင်းကို ဤကဲ့သို့ ဖမ်းယူနိုင်သည်: $(selector).click(function).

အောက်ပါ HTML code ကို ကြည့်ပါ:

html<ul>
  <li>စာ</li>
  <li>စာ</li>
  <li>စာ</li>
</ul>

၎င်းအတွက် CSS ရေးထားပါသည်:

cssli {
  width: 100px;
  cursor: pointer;
}

မည်သည့် li ကို နှိပ်လိုက်သည်နှင့် အာမေးသရကြီး ပေါ်လာအောင် လုပ်ကြည့်ကြပါစို့။ စာရင်းအချက်များကို နှိပ်ကြည့်ပါ:

javascript$('li').click(function() {
  alert('!');
});

ချိတ်ဆက်ထားသော function အတွင်း၌ this ကို ရနိုင်ပြီး၊ ၎င်းသည် ဖြစ်ရပ်ဖြစ်ပွားသည့် အစိတ်အပိုင်းကို ရည်ညွှန်းသည် (ကျွန်ုပ်တို့၏ကိစ္စတွင် နှိပ်လိုက်သော li ကို ရည်ညွှန်းသည်)။ ဤ this ကို JavaScript စတိုင်ဖြင့် အသုံးပြုနိုင်သည်၊ ဥပမာ this.innerHTML သို့မဟုတ် jQuery စတိုင်ဖြင့် အသုံးပြုနိုင်သည် - ဤအတွက် ဤ this ကို $ ဖြင့် ထည့်သွင်းရမည်၊ ဤကဲ့သို့ဖြစ်သည်: $(this).

HTML code ကို ယူပါ:

html<ul>
  <li>စာ</li>
  <li>စာ</li>
  <li>စာ</li>
</ul>

ဤ code အတွက် အောက်ပါ CSS စတိုင်များကို ရေးထားပါသည်:

cssli {
  width: 100px;
}
li:hover {
  color: red;
  cursor: pointer;
}

li ကို နှိပ်လိုက်သည်နှင့် ၎င်း၏အဆုံးတွင် '!' ထည့်ပေးရန် လုပ်ကြည့်ကြပါစို့။ လုပ်ဆောင်ချက် စမ်းသပ်ရန် စာရင်းအချက်များကို နှိပ်ကြည့်ပါ:

javascript$('li').click(function() {
  $(this).append('!');
});