Klik op 'n kieser: Klik op 'n kieser om te sien watter element(e) in die resultaat gekies word:
$("#Van")
$(".intro")
$(".intro, #Van")
$("h1")
$("h1, p")
$("p:eerste")
$("p:laaste")
$("tr:selfs")
$("tr:odd")
$("p:eerstekind")
$("p:eerste-van-tipe")
$("p:laaste-kind")
$("p:laaste-van-tipe")
$("li:nth-child(1)")
$("li:nth-laaste-kind(1)")
$("li:nth-of-type(2)")
$("li:nth-laaste-van-tipe(2)")
$("b:enigste-kind")
$("h3:slegs-van-tipe")
$("div > p")
$("div p")
$("ul + p")
$("ul ~ tabel")
$("ul li:eq(0)")
$("ul li:gt(0)")
$("ul li:lt(2)")
$(":kop")
$(":header:not(h1)")
$(":animated")
$(":fokus")
$(":bevat(Eend)")
$("div:het(p)")
$(":leeg")
$(":ouer")
$("p:versteek")
$("tabel:sigbaar")
$(":wortel")
$("p:lang(it)")
$("[id]")
$("[id=my-adres]")
$("p[id!=my-adres]")
$("[id$=ess]")
$("[id|=my]")
$("[id^=L]")
$("[titel~=mooi]")
$("[id*=s]")
$(":invoer")
$(":teks")
$(":wagwoord")
$(":radio")
$(":merkblokkie")
$(":submit")
$(":reset")
$(":knoppie")
$(":beeld")
$(":lêer")
$(":aangeskakel")
$(":gestrem")
$(":geselekteerde")
$(":gemerk")
$("*")
Resultaat:

<h1> Welkom by My Tuisblad </h1>

<div class="intro">

<p> My naam is Donald <span id="Lastname"> Eend </span> </p>

<p id="my-Address"> Ek woon in Duckburg </p>

<p> Ek het baie vriende: </p>

</div>

<ul id="Lysvriende>
  • <li> Goofy </li>
  • <li> Mickey </li>
  • <li> Daisy </li>
  • <li> Pluto </li>
</ul>

    <p> Ek hou baie van Daisy!! </p>

    <p lang="it" title="Hallo pragtige"> Ciao bella </p>

    <h3> Ons is almal diere! </h3>

    <p> <b> My jongste ontdekkings het my laat glo dat ons almal diere is: </b> </p>

    <tabel>
      Naam Tipe Dier
      Mickey Muis
      Goofy Hond
      madeliefie Eend
      Pluto Hond
      </tabel>

      Klik op die jQuery Selectors en sien hoe die gespesifiseerde element(e) gekies word. © w3schools.com