জেকুয়েরি :not() সিলেক্টর
সংজ্ঞা এবং ব্যবহার
:not() সিলেক্টরের মাধ্যমে নির্দিষ্ট করা এলিমেন্ট ব্যতীত অন্য সকল এলিমেন্টকে সিলেক্ট করা হয়।
একটি নির্দিষ্ট এলিমেন্ট ব্যাতীত একটি গ্রুপের বাকী সবগুলো এলিমেন্টকে সিলেক্ট করার ক্ষেত্রে প্রায়শই এটি অন্য সিলেক্টরের সাথে ব্যবহার করা হয়। (নিচের উদাহরণ লক্ষ্য করুন)
সিনট্যাক্স
$(":not(selector)")প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে not() সিলেক্টরে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
| selector | আবশ্যক। যেই এলিমেন্টটি সিলেক্ট হবে না, সেই এলিমেন্টটিকে নির্দেশ করে। প্যারামিটারের মধ্যে যেকোনো সিলেক্টর ব্যবহার করা যায়। |
:not() সিলেক্টর সংক্রান্ত উদাহরণ
id="js" এবং class="jquery" ব্যতীত সকল <li> এলিমেন্ট সিলেক্ট
নিচের উদাহরণে :not() সিলেক্টরের ব্যবহার দেখানো হলোঃ
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<title>জেকুয়েরি :not() সিলেক্টর</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("li:not(#js, .jquery)").css({
"background-color": "green",
"color": "white",
});
});
</script>
</head>
<body>
<h3>আমাদের ওয়েবসাইটের টপিক্সসমূহঃ</h3>
<ul>
<li>এইচটিএমল</li>
<li>সিএসএস</li>
<li id="js">জাভাস্ক্রিপ্ট</li>
<li>পিএইচপি</li>
<li>এসকিউএল</li>
<li>বুটস্ট্রাপ</li>
<li class="jquery">জেকুয়েরি</li>
<li>এঙ্গুলার জেএস</li>
<li>ওয়ার্ডপ্রেস</li>
</ul>
</body>
</html>
ফলাফল