অল সিলেক্টর (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 উপাদানকে গননা করবে।

    [sourcecode language=”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>
    [/sourcecode]

    ফলাফল(output):

    Selector Example

    উদাহরন ২:

    নিচের program টি শুধু body এর সকল HTML উপাদানকে সিলেক্ট করবে।
    [sourcecode language=”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>
    [/sourcecode]

    ফলাফল(output):

    Selector Example

    ………………………………………………………………………………
    আজ এখানেই শেষ করলাম। “HAVE A GOOD PROGRAMMING”

    জে-কোয়েরি ধারাবাহিক টিউটোরিয়ালঃ

Leave a Comment