Klicken Sie auf einen Selektor: Klicken Sie auf einen Selektor, um zu sehen, welche Elemente im Ergebnis ausgewählt werden:
$("#Nachname")
$(.einführung)
$(.intro, #Nachname")
$("h1")
$("h1,p")
$("p:zuerst")
$("p:last")
$("tr:gerade")
$("tr:ungerade")
$("p:erstes Kind")
$("p:erster Typ")
$("p:last-child")
$("p:last-of-type")
$("li:ntes-Kind(1)")
$("li:n-letztes-Kind(1)")
$("li:nter-typ(2)")
$("li:n-ter-Typ(2)")
$("b:Einzelkind")
$("h3:only-of-type")
$("div > p")
$("div p")
$("ul + p")
$("ul ~ Tabelle")
$("ulli:eq(0)")
$("ulli:gt(0)")
$("ulli:lt(2)")
$(":Kopfzeile")
$(":header:nicht(h1)")
$(":animiert")
$(":Fokus")
$(":enthält(Ente)")
$("div:has(p)")
$(":leer")
$(":Eltern")
$("p:versteckt")
$("Tabelle:sichtbar")
$(":root")
$("p:lang(it)")
$("[ID]")
$("[id=meine-Adresse]")
$("p[id!=meine-Adresse]")
$("[id$=ess]")
$("[id|=meine]")
$("[id^=L]")
$("[title~=schön]")
$("[id*=s]")
$(":Eingabe")
$(":text")
$(":Passwort")
$(":radio")
$(":Kontrollkästchen")
$(":senden")
$(":zurücksetzen")
$(":Schaltfläche")
$(":Bild")
$(":Datei")
$(":aktiviert")
$(":deaktiviert")
$(":ausgewählt")
$(":markiert")
$("*")
Ergebnis:

<h1> Willkommen auf meiner Homepage </h1>

<div class="intro">

<p> Mein Name ist Donald <span id="Lastname"> Duck </span> </p>

<p id="my-Address"> Ich wohne in Entenhausen </p>

<p> Ich habe viele Freunde: </p>

</div>

<ul id="Listenfreunde>
  • <li> Doof </li>
  • <li> Micky </li>
  • <li> Gänseblümchen </li>
  • <li> Pluto </li>
</ul>

    <p> Ich mag Daisy wirklich!! </p>

    <p lang="it" title="Hallo Schöne"> Ciao bella </p>

    <h3> Wir sind alle Tiere! </h3>

    <p> <b> Meine neuesten Entdeckungen lassen mich glauben, dass wir alle Tiere sind: </b> </p>

    <Tabelle>
      Name Tierart
      Micky Maus
      Doof Hund
      Gänseblümchen Ente
      Pluto Hund
      </table>

      Klicken Sie auf die jQuery-Selektoren und sehen Sie, wie die angegebenen Elemente ausgewählt werden. © w3schools.com