jQuery ইভেন্ট

jQuery ইভেন্ট হ্যান্ডলিং জন্য বিশেষভাবে ডিজাইন করা হয়েছে

jQuery ইভেন্ট ফাংশন

jQuery ইভেন্ট হ্যান্ডলার ফাংশনটি হল jQuery-এর কোর ফাংশন

ইভেন্ট হ্যান্ডলার ফাংশনটি হল এমন একটি ফাংশন যা যখন HTML-এ কোনও ইভেন্ট ঘটে, তখন বাবদ বিবেচিত হয়।ইভেন্ট 'স্পর্শ' (বা 'প্রস্তুত') শব্দটির ব্যবহার বেশি হয়。

সাধারণত, jQuery কোডকে <head> অংশের ইভেন্ট হ্যান্ডলার ফাংশনে রাখা হয়:

উদাহরণ

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$("document").ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>

আপনার নিজের হাতে নিন

এই উদাহরণে, বাটনের ক্লিক ইভেন্ট সক্রিয় হলে একটি ফাংশন বাবদ বিবেচিত হবে:

$("button").click(function() {  // some code... } )

এই পদ্ধতি সকল <p> এলিমেন্টকে লুকায়ন করে:

$("p").hide();

পৃথক ফাইলের ফাংশন

আপনার ওয়েবসাইট একাধিক পেজ নিয়ে আছে এবং আপনি চান যে, আপনার jQuery ফাংশন সহজভাবে রক্ষণাবেক্ষণ করা যায়, তাহলে আপনার jQuery ফাংশনকে একটি পৃথক .js ফাইলে রাখুন。

যখন আমরা jQuery-কে প্রদর্শন করি, তখন ফাংশনটি সরাসরি <head> অংশে যোগ করা হয়। কিন্তু একটি পৃথক ফাইলে তা রাখা ভালো হবে, এমনকি এই ভাবে (ফাইলটি স্রোত প্রতিযোগীর মাধ্যমে উল্লেখ করা হয়):

উদাহরণ

<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="my_jquery_functions.js"></script>
</head>

jQuery নাম সংঘাত

jQuery $ সংকেতটি ব্যবহার করে jQuery এর সংক্ষিপ্ত রূপ

কিছু অন্যান্য JavaScript লাইব্রেরির ফাংশন (যেমন Prototype) $ সংকেতটি ব্যবহার করে

jQuery noConflict() নামক পদ্ধতি ব্যবহার করে এই সমস্যা সমাধান করে

var jq=jQuery.noConflict()，যার মাধ্যমে আপনি নিজের নাম (যেমন jq) ব্যবহার করে $ সংকেতটির পরিবর্তে

আপনার নিজের হাতে নিন

সিদ্ধান্ত

যখন jQuery HTML ইভেন্টকে সংকেত করার জন্য বিশেষভাবে ডিজাইন করা হয়, তখন আপনি নিচের নীতিগুলো অনুসরণ করলে, আপনার কোড আরও উপযুক্ত এবং আরও সহজলভ্য হবে:

  • সকল jQuery কোডকে ইভেন্ট হ্যান্ডলারে রাখুন
  • সকল ইভেন্ট হ্যান্ডলারকে ডকুমেন্টের প্রস্তুত ইভেন্ট হ্যান্ডলারে রাখুন
  • jQuery কোডটি একটি পৃথক .js ফাইলে রাখুন
  • নাম সংঘাত থাকলে, jQuery লাইব্রেরির নাম পরিবর্তন করুন

jQuery ইভেন্ট

নীচে জিনির ইভেন্ট মথার কিছু উদাহরণ দেওয়া হলো:

Event ফাংশন ফাংশনটি বাইন্ড করুন
$(document).ready(function) ফাংশনটি ডকুমেন্টের প্রস্তুত ইভেন্টে (যখন ডকুমেন্ট লোড হয়) বাইন্ড করুন
$(selector).click(function) ইভেন্টটি ট্রিগার করুন বা ফাংশনটি সিলেক্টরকৃত ইলেকট্রনিক সাইনালের ক্লিক ইভেন্টে বাইন্ড করুন
$(selector).dblclick(function) ইভেন্টটি ট্রিগার করুন বা ফাংশনটি সিলেক্টরকৃত ইলেকট্রনিক সাইনালের ডবলক্লিক ইভেন্টে বাইন্ড করুন
$(selector).focus(function) ইভেন্টটি ট্রিগার করুন বা ফাংশনটি সিলেক্টরকৃত ইলেকট্রনিক সাইনালের ফোকাস ইভেন্টে বাইন্ড করুন
$(selector).mouseover(function) ইভেন্টটি ট্রিগার করুন বা ফাংশনটি সিলেক্টরকৃত ইলেকট্রনিক সাইনালের মাউস ওভার ইভেন্টে বাইন্ড করুন

সম্পূর্ণ রেফারেন্স ম্যানুয়াল পাওয়ার জন্য, আমাদের jQuery ইভেন্ট রেফারেন্স ম্যানুয়াল。