একটি ওয়েবসাইট পরিদর্শন করার সময় আমরা সবচেয়ে সাধারণ পদক্ষেপ কি? একটি মাউস ক্লিক! ক্লিক করা একটি ওয়েবসাইট বা অ্যাপের সবচেয়ে গুরুত্বপূর্ণ ক্রিয়াগুলির মধ্যে একটি। আপনি একটি ওয়েবসাইটে নেভিগেট করার সময় এবং একটি কার্টে পণ্য যোগ করার সময় তা করেন৷
একজন ব্যবহারকারী কখন পৃষ্ঠায় একটি নির্দিষ্ট উপাদানে ক্লিক করেন তা যদি আমরা বলতে পারি তবে এটি কি দুর্দান্ত হবে না? আমরা তখন এই আচরণের চারপাশে অভিজ্ঞতা তৈরি করতে পারি।
jQuery লিখুন click()
পদ্ধতি আমরা একটি ইভেন্ট ট্রিগার করতে পারি যখন ব্যবহারকারী কোডের মাত্র কয়েক লাইনে মাউস ক্লিক করে। এই পদ্ধতিটি একটি jQuery নির্বাচককে বলা হয় এবং একটি আর্গুমেন্ট হিসাবে একটি কলব্যাক ফাংশন নেয়। প্রতিবার click()
করলে কলব্যাক ফাংশনটি কার্যকর হবে পদ্ধতি একটি মাউস ক্লিক ইভেন্ট সনাক্ত করে৷
jQuery ক্লিক ব্যবহার করে()
আমরা একটি HTML বোতাম রেন্ডার করতে যাচ্ছি এবং নীচের উদাহরণে বোতামটি ক্লিক করলে পৃষ্ঠায় পাঠ্য যোগ করতে যাচ্ছি। click()
পদ্ধতিটি পৃষ্ঠার যেকোনো উপাদানের সাথে সংযুক্ত করা যেতে পারে, তবে এটি একটি বোতামের সাথে সংযুক্ত করা সবচেয়ে সাধারণ:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <div id="main"> <button id="btn-primary"> Click Me! </button> <p class="new-content"> </p> </div>
উপরের কোডটি "btn-primary" এর একটি আইডি সহ একটি বেসিক বোতাম রেন্ডার করে একটি
ট্যাগে নতুন বিষয়বস্তু "নতুন-সামগ্রী"-এর ক্লাস সহ প্রদর্শন করা।