:হিডেন সিলেক্টর(:hidden Selector)

এটি লুকায়িত (hidden) element কে select করবে। নিম্নক্ত কারন গুলির জন্য কোন element কে hidden বলে বিবেচনা করা হয় -

যদি কোন element এর CSS display value none থাকে (display:none)।
যদি কোন form element এর type="hidden" থাকে।
যদি কোন element এর width এরং hidth 0(zero) set করা হয় (width="0" height="0")।
যদি কোন element এর ancestor element hidden হয়, যার ফলে element টিকে দেখা যাচ্ছেনা।

[বি:দ্র: যদি কোন element এর visibility :hidden অথবা opacity :0 থাকে তবে ঐ element টি যতক্ষন পর্যন্ত layout এ space ধরে রাখরে, ততক্ষন পর্যন্ত সেটি hidden হিসেবে বিবেচ্য হবেনা। যেমন, কোন animation এর সময়, যতক্ষন পর্যন্ত animation টি শেষ না হবে ততক্ষণ পর্যন্ত element টি visible হিসেবে বিবেচ্য হবে।]

উদাহরন Code :

নিম্নের উদাহরন টি সকল hidden div এবং hidden input element গননা করবে।

<!DOCTYPE html>
<html>
<head>
  <style>
  div { 
      width:70px; 
      height:40px; 
      background:#ee77ff; 
      margin:5px; float:left; 
  }
  span { 
      display:block; 
      clear:left; 
      color:red; 
  }
  .starthidden { 
      display:none; 
  }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <span></span>
  <div></div>
  <div style="display:none;">Hider!</div>
  <div></div>

  <div class="starthidden">Hider!</div>
  <div></div>
  <form>
    <input type="hidden" />

    <input type="hidden" />
    <input type="hidden" />
  </form>
  <span>

  </span>
<script>
// in some browsers :hidden includes head, title, script, etc...
var hiddenEls = $("body").find(":hidden").not("script");

$("span:first").text("Found " + hiddenEls.length + " hidden elements total.");
$("div:hidden").show();
$("span:last").text("Found " + $("input:hidden").length + " hidden inputs.");
</script>

</body>
</html>

ফলাফল(output):

Selector Example

<< Previous Next >>

লেখকঃ ঢাকা প্রকৌশল ও প্রযুক্তি বিশ্ববিদ্যায়ের(DUET) কম্পিউটার সায়েন্স এ্যান্ড ইঞ্জিনিয়ারিং(CSE) বিভাগের ৪র্থ বর্ষের এক জন ছাত্র। তিনি ওয়েব ডিজাইন, ওয়েব ডেভলপমেন্ট এর বিভিন্ন বিষয় যেমন : এইচটিএমএল, সিএসএস, জাভাস্ক্রিপ্ট, জে কোয়েরি, পিএইচপি, .Net ইত্যাদি বিষয়ের উপর অভিজ্ঞ। তিনি ACM ICPC সহ বিভিন্ন আন্তর্জাতিক প্রোগ্রামিং প্রতিযোগীতায় অংশগ্রহন করেছেন। তাকে ফেসবুকে অনুসরন করতে এখানে ক্লিক করুন।