সিনট্যাক্স



jQuery syntax দ্বরা html উপাদান বা element কে select করা হয় এবং ঐ উপাদান বা element গুলির উপর কার্য বা action সম্পাদন করা হয়। jQuery কে প্রকাশের জন্য নিম্নের প্রতীক গুলি ব্যবহার করা হয়।
jQuery, window.jQuery, $( dollar sign), window.jQuery.$
তবে আমরা $ প্রতীকটিই বেশী ব্যবহার করবো, কারন $ প্রতীকটি সবচেয়ে ছোট এবং সহজ।


jQuery লেখার বেসিক সিনট্যাক্স

jQuery লেখার বেসিক সিনট্যাক্সটি হল নিম্মরুপ -

সিনট্যাক্স

$(selector).action()

এখানে,
- Dollar ($) প্রতীক jQuery কে নির্দেশ করে।
- selector html উপাদান কে খোঁজার(search) জন্য ব্যবহার করা হয়
- html উপাদানের উপর যে কার্য সম্পন্ন হবে তা action() মধ্যে থাকবে।

নিচে কতগুলি উদাহরণ দেখুন -
$(this).hide() – বর্তমান উপাদানটি অদৃশ্য হবে (hides current element)।
$("p").hide() – সকল paragraph অদৃশ্য হবে (hides all paragraphs)।
$("p.test").hide() – যে সকল paragraph এর class="test", সেগুলি অদৃশ্য হবে (hides all paragraphs with class="test")।
$("#test").hide() - যে সকল element এর id="test", সেগুলি অদৃশ্য হবে (hides the element with id="test")।


jQuery লেখার বেসিক সিনট্যাক্স

লক্ষ্য করলে দেখবেন সমস্ত উদাহরণ গুলোই একটি document ready ইভেন্ট এর মাঝে রাখা হয়েছে।

উদাহরণ দেখুন

$(document).ready(function(){
// jQuery methods go here...
});

এটা করার কারন হল HTML কোড লোড হবার আগেই যেন যেক্যুয়েরী কোড লোড হয়। যদি HTML কোড লোড হবার পূর্বেই jQuery কোড লোড হয় তবে HTML এর ওপর jQuery কোড ঠিক মত কাজ করবে না।

উদাহরণ স্বরূপ বলা যায় - যদি কোন এলিমেন্টকে hide করতে চাই তবে, HTML কোড লোড হবার আগেই যেক্যুয়েরী কোড লোড হয় তবে তা এমন একটি HTML এলিমেন্টকে hide করতে চেস্টা করবে যা তখনও তৈরিই হয় নি। আবা্র যদি কোন ছবিকে resize করতে চাই তবে কোড গুলো এমন একটি ছবি কে resize করতে চাইবে যেটা তখনও লোড হয় নি।

document ready ইভেন্ট এর জন্য jQuery করতিপক্ষ একটি সংক্ষিপ্ত নিয়ম তৈরি করেছে। নিচে দেখুন -

উদাহরণ দেখুন

$(function(){
// jQuery methods go here...
});








এই ওয়েব সাইট এর সমস্ত টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদি খুব সহজ ও সাধারণ ভাবে তৈরি করা হয়েছে। টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদির ভুল পরিহার করার জন্য বার বার যাচাই করা হয়েছে, কিন্তু আমরা এর পূর্ণ নিশ্চয়তা ও দায়ভার বহন করি না। যখন আপনি এই সাইটটি ব্যবহার করেন, আমরা ধরে নেই যে আপনি পড়েছেন এবং সম্মত আছেন আমাদের টার্মস অফ ইউস (Terms of use) এবং প্রাইভেসি পলিসি( Privacy policy) সম্পর্কে।

Report or suggest about this page

Copyright 2016-2018 by websschool.com, All Rights Reserved.