Uwakilishi katika jQuery

Kama umesoma JavaScript, basi tayari umekutana na mada ya uwakilishi wa matukio, ambayo kwa msaada wake inawezekana, kwa mfano, kuondoa matatizo ya kuweka matukio kwa vipengele vipya. Wacha tuangalie, hii itaonekanaje kwa jQuery.

Wacha tuchukue msimbo ufuatao wa HTML:

<ul>
	<li>maandishi</li>
	<li>maandishi</li>
	<li>maandishi</li>
</ul>

CSS yake inaonekana hivi:

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

Wacha sasa, kwa kutumia njia on, tutaunganisha njia click sio kwa kipengele cha orodha li, kama tulivyofanya katika masomo yaliyopita, bali kwa orodha yenyewe ul. Pia tutapita kigezo cha pili (cha hiari) 'li' kama kichaguzi cha vizazi. Wacha tuone nini kilichotokea:

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

Ametolewa ul, ndani yake kuna li kadhaa. Chini ya ul fanya kifungo, ubonyeze ambayo kwenye mwisho wa ul kitaongezwa li mpya na maandishi 'kipengele'. Fanya ili kubonyeza kwa kila li, mwishoni mwake waongezwe '!'. Hii inapaswa kufanya kazi na kwa li zilizoongezwa mpya. Tatiza litatatuliwa kwa kutumia uwakilishi (yaani tukio lazima liwekwe kwenye ul).

Ametolewa jedwali la watumiaji na safu wima mbili: jina na jina la ukoo. Chini ya jedwali fanya fomu, kwa msaada ambayo itaweza kuongeza mtumiaji mpya kwenye jedwali. Fanya ili kubonyeza kwa kiini chochote ionekane prompt, kwa msaada ambao inaweza kubadilisha maandishi ya kiini. Tatiza litatatuliwe kwa kutumia uwakilishi (yaani tukio lazima liwekwe kwenye table).