jQuery-তে সার্বজনীন on পদ্ধতি

ইভেন্ট বাঁধার জন্য আমরা সার্বজনীন পদ্ধতি on ও ব্যবহার করতে পারি। এটি প্রথম প্যারামিটার হিসেবে ইভেন্টের নাম নেয় (উদাহরণস্বরূপ, 'click'), এবং দ্বিতীয়টি - যে ফাংশনটি বাঁধতে হবে তা।

নিম্নলিখিত HTML কোডের একটি উদাহরণ দেখা যাক:

<ul>
	<li>text</li>
	<li>text</li>
	<li>text</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 সহ একটি অনুচ্ছেদে প্রিন্ট করবে।