সিলেক্টর



একটা এইচটিএমএল ডকুমেন্টের যেকোন এলিমেন্ট বা কোন এলিমেন্টের আইডি/ক্লাস দিয়ে যেমন আমরা সেই এলিমেন্ট সিলেক্ট করে সেটার জন্য সিএসএস রুল লিখে থাকি, জেকোয়েরিতেও হুবহু একইভাবে কোন এলিমেন্টকে সিলেক্ট করে যেক্যুয়েরী কোড বা রুল প্রয়োগ করতে হয়।

jQuery সিলেক্টর দ্বারা এইচটিএমএল এলিমেন্ট কে গ্রুপ হিসাবে অথবা একটি একক উপাদান হিসাবে নির্বাচন করার পর, তা manipulate করা যায়। সিলেক্টর দ্বারা পছন্দ অনুযায়ী HTML document থেকে element/attribute কে ধরা(grub) যায়। jQuery বিদ্যমান(existing) সিএসএস Selectors সমর্থন করে, এবং এ ছাড়াও, এর কিছু নিজস্ব selectors রয়েছে। সব ধরনের jQuery সিলেক্টর dollar sign and parentheses: $() এর মাধ্যমে শুরু।


এলিমেন্ট সিলেক্টর

যেক্যুয়েরীর এলিমেন্ট সিলেক্টর HTML এলিমেন্টের নাম অনুসারে কোন এলিমেন্ট সিলেক্ট করে।

সিনট্যাক্স

$("p")

নিচে একটি উদাহরণ দেখুন, এখনে ইউজার যখন কোন paragraph এর ওপর ক্লিক করে তখন সকল paragraph গুলো hide হয়।

উদাহরণ দেখুন

$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});



ক্লাস সিলেক্টর

একই class যুক্ত html element কে খুজেঁ বের করার জন্য class বা ID সিলেক্টর ব্যবহার করা হয়।
যদি অপনি চান .test ক্লাস যুক্ত যেসকল html element আছে তাদেরকে সিলেক্ট করতে, তবে .test ক্লাস কে reference হিসেবে ব্যবহার করতে পারেন।

সিনট্যাক্স

$(".test")

নিচে একটি উদাহরণ দেখুন, এখনে ইউজার যখন কোন .test aর ওপর ক্লিক করে তখন সকল .test ক্লাস গুলো hide হয়।

উদাহরণ

$(document).ready(function(){
$("button").click(function(){
$(".test").hide();
});
});



আইডি সিলেক্টর

নির্দিষ্ট কোণ html element এর উপর কোণ action সম্পন্ন করতে চাইলে, সেক্ষেত্রে ID ব্যবহার করা হয়। কারন, একই ID একাধিক html element এ থাকবেনা।

সিনট্যাক্স

$("#test")

নিচে একটি উদাহরণ দেখুন, এখনে ইউজার যখন কোন #test aর ওপর ক্লিক করে তখন সকল .test ID গুলো hide হয়।

উদাহরণ

$(document).ready(function(){
$("button").click(function(){
$("#test").hide();
});
});



বিভিন্ন যেক্যুয়েরী সিলেক্টর

কোন HTML এলিমেন্টকে সিলেক্ট করার জন্য যেক্যুয়েরীতে বিভিন্ন ধরণের সিলেক্টর আছে, যেমন -
Attribute সিলেক্টর - [attribute|=value], [attribute*=value], [attribute~=value] ইত্যাদি।
Basic সিলেক্টর - *, . class, #id, element ইত্যাদি।
Basic filter সিলেক্টর - :animated, :eq(index), :even, :first, :gt(index) ইত্যাদি।
Child filter সিলেক্টর - :first-child, :last-child, :nth-child(index/even/odd/equation) ইত্যাদি।
Content filter সিলেক্টর - :contains(text), :empty, :has(selector) ইত্যাদি।
Form সিলেক্টর - :button, :checkbox, :checked, :disabled ইত্যাদি।
Hierarchy সিলেক্টর - 'parent > child', 'ancestor descendant', 'prev + next' ইত্যাদি।
Visibility filter সিলেক্টর - :hidden, : visible ।







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

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