უნივერსალური მეთოდი on jQuery-ში

მოვლენების მიბმა ასევე შესაძლებელია უნივერსალური მეთოდის on გამოყენებით. პირველ პარამეტრად ის იღებს მოვლენის სახელს (მაგალითად, 'click'), ხოლო მეორედ - ფუნქციას, რომელიც უნდა მივბათ.

განვიხილოთ მაგალითი შემდეგი HTML კოდით:

<ul>
	<li>ტექსტი</li>
	<li>ტექსტი</li>
	<li>ტექსტი</li>
</ul>

CSS ასე გამოიყურება:

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

ახლა გადავწეროთ კოდი li-სთვის, რომელიც ადრე დავწერეთ on მეთოდის მეშვეობით. მუშაობის შესამოწმებლად დააწკაპუნეთ სიის ელემენტებზე:

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

შესაძლებელია ერთდროულად ერთი ფუნქციის მიბმა რამდენიმე ტიპის მოვლენაზე - ამისთვის მათი სახელები უნდა მოვუყვეთ სფეისით: 'click mousemove და ა.შ.'. მაგალითად, ასე:

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

მიამაგრეთ ყველა ბმულს მოვლენა - ბმულზე მაუსის მიტანისას მისი ტექსტის ბოლოს მიემატება მისი href მნიშვნელობა მრგვალ ფრჩხილებში.

მიამაგრეთ ყველა ინფუთს მოვლენა - ფოკუსის დაკარგვისას თითოეული ინფუთი აბეჭდინებს თავის value-ს აბზაცში id=#test-ით.