ad720-90

jQuery for Web Design [পর্ব-০২] :: jQuery Integrate amp jQuery Events amp jQuery Methods নিয়ে কিছু কথা | Techtunes


আসসালামু আলাইকুম। সকলে কেমন আছে। আমি আলহামদুল্লিলাহ ভালই আছি। আপনাদের সকলকে জানাই jQuery for Web Design সিরিজে স্বাগতম। তো, আমাদের আজকের এই পর্ব থেকে আমরা জানবো jQuery কিভাবে আমাদের প্রোজেক্ট এ যুক্ত করতে পারি এবং এর Event & Method সম্পর্কে। তো চলুন শুরু করা যাক আমাদের আজকের পর্ব।

jQuery কিভাবে আমাদের প্রোজেক্ট-এ যুক্ত করতে পারি?

=> গত পর্বে আমরা দেখেছিলাম আমরা jQuery কোথা থেকে পেতে পারি। তো ওইখান থেকে আমরা jQuery টাকে লিংকের মাধ্যমে যুক্ত করতে পারি অথবা ফাইলটাকে আমাদের প্রোজেক্ট ফোল্ডারে js নামে একটা ফোল্ডার করে, তার ভেতর যেকোন নামে এক্ষেত্রে আমি ধরে নিচ্ছি jQuery.js নামে একটি ফাইল করে লিংক থেকে প্রাপ্ত ফাইলের সকল কোড সমূহ আমাদের তৈরি করা ফাইলে কপি এবং পেস্ট করে সেভ করে রাখতে পারি। এভার আমার প্রোজেক্টের মেইন ফাইল, মানে HTML ফাইলে যুক্ত করার পালা। আমরা যদি  লিংকের মাধ্যমে যুক্ত করি তাহলে নিচের দেওয়া পদ্ধতিতে যুক্ত করতে পারি।

<script src="http://www.techtunes.com.bd/ফাইলের লিংক"></script>

এই কোড টুকু ব্যবহার করে আমরা ফাইল যুক্ত করতে পারবো। উদাহরন স্বরূপ যদি আমরা দেখেতে চাই তাহল চলুন গুগল এর jQuery ফাইলে লিঙ্কের মাধ্যমে যুক্ত করার চেষ্টা করি।

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

তো আমরা দেখলাম লিঙ্কের মাধ্যমে আমরা কিভাবে jQuery ফাইল যুক্ত করতে পারি। কিন্ত আমরা এইভাবে ফাইল যুক্ত করবো না। তার কারণ হলো এইভাবে যদি যুক্ত করি আমাদের কম্পিউটারে সার্ভক্ষিন ইন্টারনেট সংযোগ রাখতে হবে।

এবার আমরা দেখবো আমাদের তৈরি করা জেস ফাইলে কিভাবে যুক্ত করতে পারি।

<script src="http://www.techtunes.com.bd/folder name/file name.js"></script>

এই পদ্ধতিতে আমরা প্রোজেক্ট ফোল্ডারে থাকা jQuery ফাইল যুক্ত করতে পারি। চলুন আমাদের তৈরি করা ফাইলটাই যুক্ত করি।

<script src="http://www.techtunes.com.bd/js/jQuery.js"></script>

তো আমরা দেখলাম কিভাবে আমরা jQuery ফাইল আমাদের প্রোজেক্টের মধ্যে যুক্ত করতে পারি।

jQuery Events এবং Methods

jQuery তে Event সমূহকে ৪ ভাগে ভাগ করে রাখা হয়েছে। সেগুলো হলঃ

  • Mouse Events
  • Keyboard Events
  • Form Events
  • Documents / Windows Events

তো চলুন জেনেনি এই ৪ ভাগে কি কি Events রয়েছে।

Mouse Events

  • click
  • dblclick
  • mouseenter
  • mouseleave

Keyboard Events

Form Events

Documents / Windows Events

jQuery তে অনেক মেথড রয়েছে যা আমরা ব্যবহারের মাধ্যমে জানবো। তার আগে আমি আপনাদের এটা জানিয়ে রাখতে চাই আপনারা মেথড কিভাবে চিনবেন। আমরা আগের পর্বের jQuery সিন্টেক্স সম্পর্কে জেনেছি। তাও আবার দেখাচ্ছি.

$(selector).action();

এইটাই তো। তো এখানে action এর জায়গায় যে লিখাটি হবে সেটাই হচ্ছে মেথড। যেমনঃ $(selector).hide(); এখানে hide() হল একটি মেথড।

আজ এই পর্যন্ত, আগামী পর্ব থেকে আমরা jQuery কোড লিখা আরম্ভ করবো এবং মেথডের ব্যবহার দেখে jQuery এর বিস্তারিত সম্পর্কে জানবো।

আমার টিউন গুলো ভালো লাগলে অবশ্যই আমার টিউন বেশি বেশি জোসস করুন

আমার টিউন গুলো আপনার ‘টিউন স্ক্রিন’ নিয়মিত পেতে অবশ্যই আমাকে ফলো করুন। আমার টিউন গুলো সবার কাছে ছড়িতে দিতে অবশ্যই আমার টিউন গুলো বিভিন্ন সৌশল মিডিয়াতে বেশি বেশি শেয়ার করুন

আমার টিউন সম্পর্কে আপনার যে কোন মতামত, পরামর্শ ও আলোচনা করতে অবশ্যই আমার টিউনে টিউমেন্ট করুন

আমার সাথে সরাসরি যোগাযোগ করার জন্য ‘টেকটিউনস ম্যাসেঞ্জারে’ আমাকে ম্যাসেজ করুন। আমার সকল টিউন পেতে ভিজিট করুন আমার ‘টিউনার পেইজ’



সর্বপ্রথম প্রকাশিত

Sharing is caring!

Comments

So empty here ... leave a comment!

Leave a Reply

Sidebar