jQuery-তে off পদ্ধতি

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

নিম্নলিখিত উদাহরণটি বিবেচনা করা যাক। আমাদের কাছে এইচটিএমএল কোড আছে:

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

সিএসএস-এ li ট্যাগের জন্য স্টাইল নির্দিষ্ট করা আছে:

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

আসুন আমরা এমন করি যাতে li-তে প্রথম ক্লিক করার পর, সেখান থেকে ইভেন্ট আনবাইন্ড হয়ে যায়:

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

তালিকার আয়টেমগুলিতে ক্লিক করুন। আপনি দেখতে পাবেন যে একই লিস্ট আয়টেমে পুনরায় ক্লিক করলে কিছুই ঘটে না, কারণ আমাদের ফাংশন func, append পদ্ধতি এক্সিকিউট হওয়ার পর off পদ্ধতি দ্বারা আনবাইন্ড হয়ে যায়।

Задание 1

সমস্ত লিঙ্কে একটি ইভেন্ট সংযুক্ত করুন - লিঙ্কের উপর হোভার করলে তার টেক্সটের শেষে এর href বন্ধনীর মধ্যে যোগ হবে। লিঙ্কের উপর প্রথমবার হোভার করার পর সেই ইভেন্টটি আনবাইন্ড করতে হবে, যা টেক্সটের শেষে href যোগ করে।

Задание 2

সমস্ত ইনপুট এর জন্য এমন করুন যাতে যেকোনো একটিতে ক্লিক করলে এটি তার নিজের value আউটপুট করে, কিন্তু শুধুমাত্র প্রথম ক্লিকে। ইনপুটটিতে পুনরায় ক্লিক করলে কোনো প্রতিক্রিয়া হওয়া উচিত নয়।

Задание 3

সংখ্যাসহ প্যারাগ্রাফ দেওয়া আছে। প্যারাগ্রাফে ক্লিক করলে সেখানে থাকা সংখ্যার বর্গ দেখাবে, কিন্তু শুধুমাত্র প্রথম ক্লিকে। প্যারাগ্রাফে ডাবল-ক্লিক করলে সংখ্যাটি দ্বিগুণ হওয়া উচিত, কিন্তু সেও শুধুমাত্র প্রথমবারের জন্য।