jQuery-də universal on metodu

Hadisələri bağlamaq üçün həmçinin universal on metodundan istifadə edə bilərsiniz. İlk parametr kimi o, hadisənin adını (məsələn, 'click'), ikinci parametr kimi isə bağlanacaq funksiyanı qəbul edir.

Aşağıdakı HTML kodunda bir nümunəyə baxaq:

<ul>
	<li>text</li>
	<li>text</li>
	<li>text</li>
</ul>

CSS belə görünür:

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

İndi əvvəllər on metodu ilə yazdığımız li kodunu yenidən yazaq. İşləməsini yoxlamaq üçün siyahı bəndlərinə klikləyin:

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

Eyni bir funksiyanı bir neçə hadisə növünə eyni anda bağlamaq olar - bunun üçün onları boşluqla sadalamaq lazımdır: 'click mousemove və s.'. Məsələn, belə:

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

Bütün linklərə bir hadisə bağlayın - linkin üzərinə gəldikdə, onun mətninin sonuna href dəyəri dairəvi mötərizədə əlavə olunsun.

Bütün inputlara bir hadisə bağlayın - fokus itirildikdə hər bir input öz value dəyərini id=#test olan abzasda çap etsin.