Klikněte na výběr: Kliknutím na selektor zobrazíte, které prvky budou ve výsledku vybrány:
$("#Příjmení")
$(".intro")
$(".intro, #Příjmení")
$("h1")
$("h1, p")
$("p:first")
$("p:poslední")
$("tr:even")
$("tr:odd")
$("p:první dítě")
$("p:first-of-type")
$("p:poslední dítě")
$("p:poslední typ")
$("li:nth-child(1)")
$("li:nth-last-child(1)")
$("li:nth-of-type(2)")
$("li:nth-last-of-type(2)")
$("b:pouze-dítě")
$("h3:only-of-type")
$("div > p")
$("div p")
$("ul + p")
$("ul ~ tabulka")
$("ul li:eq(0)")
$("ul li:gt(0)")
$("ul li:lt(2)")
$(":header")
$(":header:not(h1)")
$(":animovaný")
$(":focus")
$(":contains(Kachna)")
$("div:has(p)")
$(":empty")
$(":rodič")
$("p:hidden")
$("table:visible")
$(":root")
$("p:lang(it)")
$("[id]")
$("[id=moje-adresa]")
$("p[id!=moje-adresa]")
$("[id$=ess]")
$("[id|=moje]")
$("[id^=L]")
$("[title~=beautiful]")
$("[id*=s]")
$(":input")
$(":text")
$(":heslo")
$(":radio")
$(":zaškrtávací políčko")
$(":odeslat")
$(":reset")
$(":tlačítko")
$(":image")
$(":soubor")
$(":povoleno")
$(":disabled")
$(":vybrané")
$(":zaškrtnuto")
$("*")
Výsledek:

<h1> Vítejte na mé domovské stránce </h1>

<div class="intro">

<p> Jmenuji se Donald <span id="Lastname"> Kačer </span> </p>

<p id="my-Address"> Bydlím v Duckburgu </p>

<p> Mám mnoho přátel: </p>

</div>

<ul id="Listfriends>
  • <li> Praštěný </li>
  • <li> Mickey </li>
  • <li> Daisy </li>
  • <li> Pluto </li>
</ul>

    <p> Daisy se mi moc líbí!! </p>

    <p lang="it" title="Ahoj krásko"> Ciao bella </p>

    <h3> Všichni jsme zvířata! </h3>

    <p> <b> Mé nejnovější objevy mě přivedly k přesvědčení, že všichni jsme zvířata: </b> </p>

    <tabulka>
      název Druh zvířete
      Mickey Myš
      Goofey Pes
      Sedmikráska Kachna
      Pluto Pes
      </table>

      Klikněte na jQuery Selectors a podívejte se na vybrané prvky. © w3schools.com