jQuery Selectors Tester

Test and debug your CSS & jQuery selectors in real-time with live preview.

Selectors Library

Test Selector

jQuery 3.7.1
$("
")

Live Preview

0 matches

<h1>Welcome to jQuery Tester</h1>

<div class="intro">

<p>My name is Bill <span id="Lastname">Gates</span></p>

<p id="my-Address">I live in USA</p>

<p>I have many friends:</p>

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

<p>Among them I really like Mickey!!</p>

<p lang="it" title="Hello beautiful">Lucy and Tom</p>

<table>
Solar System Inner planets
MercuryVenus
EarthMars
JupiterSaturn
</table>

About Selectors

Basic Selectors

ID, Class, Tag Name, and Universal selectors form the foundation of jQuery targeting.

Hierarchy

Select elements based on their relationship with others (parent, child, siblings).

Filters

Powerful pseudo-classes like :first, :last, :even, :odd to refine selection.

Secure & Fast

All processing happens in your browser. Your HTML content is never uploaded to any server.

Real-time Highlighting