jQuery কি?
jQuery হল একটি বহুল ব্যবহ্রত জনপ্রিয় JavaScript লাইব্রেরি, যা JavaScript প্রোগ্রামিংকে সহজ করে। jQuery শেখা সহজ এবং কম কোড লিখে বেশি কাজ করা যায়।
jQuery সর্বপ্রথম ২৬শে আগস্ট, ২০০৬ সালে রিলিজ করা হয়। John Resig jQuery তৈরি করেছেন John Resig ।
jQuery এর সুবিধা
- সহজ সিনট্যাক্স – জটিল JavaScript কোড সহজ করে ফেলে।
- DOM Manipulation – HTML এলিমেন্ট সহজে পরিবর্তন করা যায়।
- ইভেন্ট হ্যান্ডলিং – ক্লিক, হোভার, কীবোর্ড ইভেন্ট ইত্যাদি সহজে ম্যানেজ করা যায়।
- AJAX – ওয়েবপেজ রিফ্রেশ না করেই সার্ভার থেকে ডাটা লোড করা যায়।
- অ্যানিমেশন এবং ইফেক্ট – সহজে সুন্দর অ্যানিমেশন যোগ করা যায়।
- ব্রাউজার কম্প্যাটিবিলিটি – সব আধুনিক ব্রাউজারে কাজ করে।
কীভাবে jQuery ব্যবহার করবেন?
১. সিডিএন(CDN) ব্যবহার করে
উদাহরণঃ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery CDN</title>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
</head>
<body>
<script>
$(document).ready(function () {
console.log('hello, jQuery')
});
</script>
</body>
</html>
২. ডাউনলোড করে লোকালি ব্যবহার করা যায়
jQuery ডাউনলোড করে আমাদের প্রোজেক্ট ফোল্ডারের assets/js/ এ রেখে লিংক করে দিতে হবে।
উদাহরণঃ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery Local</title>
<script src="asset/js/jquery-3.7.1.min.js"></script>
</head>
<body>
<script>
$(document).ready(function () {
console.log('hello, jQuery')
});
</script>
</body>
</html>
document.ready() ফাংশন এর কাজ কি?
$(document).ready() হল jQuery-এর একটি ফাংশন, যা নিশ্চিত করে যে সম্পূর্ণ HTML ডকুমেন্ট লোড এবং পার্স হওয়ার পর JavaScript কোড চালানো হবে।
$(document).ready(function() {
console.log("Hello, jQuery!");
});
আমরা document.ready() ফাংশন টি শর্ট হ্যান্ডেও লিখতে পারি।
$(function() {
console.log("Hello, jQuery!");
});
jQuery ছাড়াও, একই কাজ DOMContentLoaded ইভেন্ট ব্যবহার করে করা যায়:
document.addEventListener("DOMContentLoaded", function() {
console.log("Hello, jQuery!");
});