Fare clic su un selettore: Fare clic su un selettore per vedere quali elementi vengono selezionati nel risultato:
$("#Cognome")
$(".intro")
$(".intro, #Cognome")
$("h1")
$("h1, p")
$("p:primo")
$("p:ultimo")
$("tr:even")
$("tr:dispari")
$("p:primo figlio")
$("p:first-of-type")
$("p:ultimo figlio")
$("p:ultimo-tipo")
$("li:nth-child(1)")
$("li:nn-ultimo-figlio(1)")
$("li:nesimo-tipo(2)")
$("li:nesimo-ultimo-tipo(2)")
$("b:figlio unico")
$("h3:solo-di-tipo")
$("div > p")
$("div p")
$("ul + p")
$("ul ~ tabella")
$("ul li:eq(0)")
$("ul li:gt(0)")
$("ul li:lt(2)")
$(:intestazione")
$(":intestazione:non(h1)")
$(":animato")
$(":focus")
$(":contiene(Anatra)")
$("div:ha(p)")
$(":vuoto")
$(":genitore")
$("p:nascosto")
$("tabella:visibile")
$(":radice")
$("p:lang(it)")
$("[id]")
$("[id=il mio-indirizzo]")
$("p[id!=mio-indirizzo]")
$("[id$=ess]")
$("[id|=mio]")
$("[id^=L]")
$("[titolo~=bellissimo]")
$("[id*=s]")
$(:input")
$(":testo")
$(":password")
$(":radio")
$(":casella di controllo")
$(":invia")
$(":reimposta")
$(":pulsante")
$(":immagine")
$(":file")
$(":abilitato")
$(":disabilitato")
$(":selezionato")
$(":controllato")
$("*")
Risultato:

<h1> Benvenuto nella mia home page </h1>

<div class="introduzione">

<p> Mi chiamo Paperino <span id="Lastname"> Papera </span> </p>

<p id="my-Address"> Vivo a Paperopoli </p>

<p> Ho molti amici: </p>

</div>

<ul id="Elenco amici>
  • <li> Pippo </li>
  • <li> Topolino </li>
  • <li> Margherita </li>
  • <li> Plutone </li>
</ul>

    <p> Mi piace molto Daisy!! </p>

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

    <h3> Siamo tutti animali! </h3>

    <p> <b> Le mie ultime scoperte mi hanno portato a credere che siamo tutti animali: </b> </p>

    <tabella>
      Nome Tipo di animale
      Topolino Topo
      Pippo Cane
      Margherita Anatra
      Plutone Cane
      </tabella>

      Fare clic sui selettori jQuery e vedere gli elementi specificati selezionati. © w3schools.com