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

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

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

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

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

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

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

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

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

HTML code ကို ယူပါ:

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

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

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

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

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

li တစ်ခုစီကို နှိပ်လိုက်သည်နှင့် ၎င်း၏အစတွင် '?' ထည့်ပေးရန် လုပ်ပါ။

စာပိုဒ်များ ပေးထားသည်။ စာပိုဒ်တစ်ခုစီကို နှိပ်လိုက်သည်နှင့် ၎င်း၏အကြောင်းအရာကို စခရင်ပေါ်တွင် ပြသရန် လုပ်ပါ။

နံပါတ်များပါသော စာပိုဒ်များ ပေးထားသည်။ စာပိုဒ်ကို နှိပ်လိုက်သည်နှင့် ၎င်းတွင်ပါဝင်သော နံပါတ်၏ နှစ်ထပ်ကိန်း ပေါ်လာရမည်။