Kliknij selektor: Kliknij selektor, aby zobaczyć, które elementy zostaną wybrane w wyniku:

$("#Nazwisko")

$(".wstęp")

$(.intro, #Nazwisko")

$("h1")

$("h1, p")

$("p:pierwszy")

$("p:ostatni")

$("tr:parzysty")

$("tr:nieparzysty")

$("p:pierwsze-dziecko")

$("p:pierwszy-typ")

$("p:ostatnie-dziecko")

$("p:ostatni typ")

$("li:nth-dziecko(1)")

$("li:n-te-ostatnie-dziecko(1)")

$("li:nth-of-type(2)")

$("li:n-ty-ostatni-typ(2)")

$("b:tylko-dziecko")

$("h3:tylko typu")

$("div > p")

$("div p")

$("ul + p")

$("ul ~ stół")

$("ul li:eq(0)")

$("ul li:gt(0)")

$("ul li:lt(2)")

Wynik:

<h1> Witamy na mojej stronie głównej </h1>

<p> Nazywam się Donald <span id="Lastname"> Kaczka </span> </p>

<p id="my-Address"> Mieszkam w Kaczburgu </p>

<p> Mam wielu przyjaciół: </p>

</div>

</ul>

<p> Naprawdę lubię Daisy!! </p>

<p lang="it" title="Witaj piękna"> Ciao bella </p>

<p> <b> Moje ostatnie odkrycia pozwoliły mi uwierzyć, że wszyscy jesteśmy zwierzętami: </b> </p>

</table>