অল সিলেক্টর (All Selector)

অল সিলেক্টর (All Selector):

অল সিলেক্টর কে * প্রতীক দ্বারা প্রকাশ করা হয়। ইহা DOM এর সকল উপাদান কে select করে (Selects all elements available in a DOM)।একে universal selector ও বলা হয়।যদি ইহা কোন HTML element এর সাথে ব্যবহার করা হয় তবে ইহা ঐ specified element এর সকল child element সিলেক্ট করবে।


Syntax : $("*")

Example :

  1. $('*') -  ডকুমেন্টের সকল উপাদান select করবে।
  2. $("p > *") – যেসকল উপাদান paragraph element এর children(paragraph tag এর মধ্যের উপাদান) তাদেরকে Select করবে।
  3. 3. table > *:not(thead)- ইহা thead ছাড়া টেবিলের সকল উপাদান নির্বাচন করবে।

    4. উদাহরন ১:

    নিচের program টি head এবং body সহ document এর সকল HTML উপাদানকে গননা করবে। 
    <!DOCTYPE html>
<html>
<head>
  <style>
  h3 { margin: 0; }
  div,span,p {
    width: 80px;
    height: 40px;
    float:left;
    padding: 10px;
    margin: 10px;
    background-color: #EEEEEE;
  }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <div>DIV</div>

  <span>SPAN</span>
  <p>P <button>Button</button></p>
<script>
var elementCount = $("*").css("border","3px solid red").length;
$("body").prepend("<h3>" + elementCount + " elements found</h3>");
</script>

</body>
</html>

    ফলাফল(output):

    Selector Example

    উদাহরন ২:

    নিচের program টি শুধু body এর সকল HTML উপাদানকে সিলেক্ট করবে। 
    <!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("body *").css("background-color","red");
});
</script>
</head>
<body>
<h1>I am h1</h1>
<p class="intro">I am p with class "intro"</p>
<p>I am only p</p>
</body>
</html>

    ফলাফল(output):

    Selector Example



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

কপি রাইট © ২০১১-২০১২ সর্বস্বত্ত্ব সংরক্ষিত, টিউটরিয়ালবিডি, একটি টিউটো ওয়েবস প্রতিষ্ঠান.