Klik op een kiezer: Klik op een selector om te zien welk(e) element(en) in het resultaat worden geselecteerd:
$("#Achternaam")
$(.intro")
$(.intro, #Achternaam")
$("h1")
$("h1, p")
$("p:eerste")
$("p:laatste")
$("tr:even")
$("tr:oneven")
$("p:eerste kind")
$("p:eerste-van-type")
$("p:laatste kind")
$("p:laatste-van-type")
$("li:nde-kind(1)")
$("li:nth-last-child(1)")
$("li:nth-of-type(2)")
$("li:nth-last-of-type(2)")
$("b:enig kind")
$("h3:alleen-van-type")
$("div > p")
$("div p")
$("ul + p")
$("ul ~ tafel")
$("ul li:eq(0)")
$("ul li:gt(0)")
$("ul li:lt(2)")
$(":kop")
$(":header:niet(h1)")
$(":geanimeerd")
$(":focus")
$(":bevat(eend)")
$("div:has(p)")
$(":leeg")
$(":ouder")
$("p:verborgen")
$("tabel:zichtbaar")
$(":root")
$("p:lang(it)")
$("[id]")
$("[id=mijn-adres]")
$("p[id!=mijn-Adres]")
$("[id$=ess]")
$("[id|=mijn]")
$("[id^=L]")
$("[titel~=mooi]")
$("[id*=s]")
$(":invoer")
$(":tekst")
$(":wachtwoord")
$(":radio")
$(":checkbox")
$(":verzenden")
$(":reset")
$(":knop")
$(":afbeelding")
$(":bestand")
$(":ingeschakeld")
$(":uitgeschakeld")
$(":geselecteerd")
$(":aangevinkt")
$("*")
Resultaat:

<h1> Welkom op mijn startpagina </h1>

<div class="intro">

<p> Mijn naam is Donald <span id="Achternaam"> Eend </span> </p>

<p id="mijn-adres"> Ik woon in Duckstad </p>

<p> Ik heb veel vrienden: </p>

</div>

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

    <p> Ik hou echt van Daisy!! </p>

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

    <h3> We zijn allemaal dieren! </h3>

    <p> <b> Mijn laatste ontdekkingen hebben me doen geloven dat we allemaal dieren zijn: </b> </p>

    <tafel>
      Naam Soort dier
      Mickey Muis
      Goofey Hond
      Madeliefje Eend
      Pluto Hond
      </table>

      Klik op de jQuery-kiezers en zie dat de opgegeven elementen worden geselecteerd. © w3schools.com