Selector Example Selects

* $("*") All elements

#id $("#lastname") The element

with
id="lastnam
e"

.class $(".intro") All elements

with
class="intro"

.class,.class $(".intro,.demo") All elements

with the
class "intro"
or "demo"

element $("p") All <p>

elements

el1,el2,el3 $("h1,div,p") All <h1>,

<div> and
<p>
elements

     
:first $("p:first") The first
<p> element

:last $("p:last") The last <p>

element

:even $("tr:even") All even

<tr>
elements

:odd $("tr:odd") All odd <tr>

elements

     

:first-child $("p:first-child") All <p>

elements
that are the
first child of
their parent

:first-of-type $("p:first-of-type") All <p>

elements
that are the
first <p>
element of
their parent

:last-child $("p:last-child") All <p>

 elements
that are the
last child of
their parent

:last-of-type $("p:last-of-type") All <p>

elements
that are the
last <p>
element of
their parent

:nth-child(n) $("p:nth-child(2)") All <p>

elements
that are the
2nd child of
their parent

:nth-last- $("p:nth-last- All <p>

child(n) child(2)") elements
that are the
2nd child of
their parent,
counting
from the last
child

:nth-of- $("p:nth-of- All <p>

type(n) type(2)") elements
that are the
2nd <p>
element of
their parent
:nth-last-of- $("p:nth-last-of- All <p>
type(n) type(2)") elements
that are the
2nd <p>
element of
their parent,
counting
from the last
child

:only-child $("p:only-child") All <p>

elements
that are the
only child of
their parent

:only-of-type $("p:only-of-type") All <p>

elements
that are the
only child, of
its type, of
their parent

     

parent > child $("div > p") All <p>

elements
that are a
direct child
of a <div>
element
parent $("div p") All <p>
descendant elements
that are
descendants
of a <div>
element

element + $("div + p") The <p>

next element that
are next to
each <div>
elements

element ~ $("div ~ p") All <p>

siblings elements
that appear
after the
<div>
element

     

:eq(index) $("ul li:eq(3)") The fourth

element in a
list (index
starts at 0)

:gt(no) $("ul li:gt(3)") List elements

with an
index greater
than 3
:lt(no) $("ul li:lt(3)") List elements
with an
index less
than 3

:not(selector) $ All input

("input:not(:empty) elements
") that are not
empty

     

:header $(":header") All header

elements
<h1>, <h2>
...

:animated $(":animated") All animated

elements

:focus $(":focus") The element

that
currently has
focus

: $ All elements
contains(text) (":contains('Hello')" which
) contains the
text "Hello"
:has(selector) $("div:has(p)") All <div>
elements
that have a
<p> element

:empty $(":empty") All elements

that are
empty

:parent $(":parent") All elements

that are a
parent of
another
element

:hidden $("p:hidden") All hidden

<p>
elements

:visible $("table:visible") All visible

tables

:root $(":root") The

document's
root element

: $("p:lang(de)") All <p>

lang(language elements
) with a lang
attribute
 value
starting with
"de"

     

[attribute] $("[href]") All elements

with a href
attribute

[attribute=val $ All elements

ue] ("[href='default.ht with a href
m']") attribute
value equal
to
"default.htm
"

[attribute! $("[href! All elements

=value] ='default.htm']") with a href
attribute
value not
equal to
"default.htm
"

[attribute$=v $("[href$='.jpg']") All elements

alue] with a href
attribute
value ending
with ".jpg"
[attribute| $("[title| All elements
=value] ='Tomorrow']") with a title
attribute
value equal
to
'Tomorrow',
or starting
with
'Tomorrow'
followed by a
hyphen

[attribute^=v $("[title^='Tom']") All elements

alue] with a title
attribute
value
starting with
"Tom"

[attribute~=v $("[title~='hello']") All elements

alue] with a title
attribute
value
containing
the specific
word "hello"

[attribute*=v $("[title*='hello']") All elements

alue] with a title
attribute
value
containing
the word
"hello"
     

:input $(":input") All input

elements

:text $(":text") All input

elements
with
type="text"

:password $(":password") All input

elements
with
type="passw
ord"

:radio $(":radio") All input

elements
with
type="radio"

:checkbox $(":checkbox") All input

elements
with
type="check
box"

:submit $(":submit") All input

elements
with
 type="submi
t"

:reset $(":reset") All input

elements
with
type="reset"

:button $(":button") All input

elements
with
type="butto
n"

:image $(":image") All input

elements
with
type="image
"

:file $(":file") All input

elements
with
type="file"

:enabled $(":enabled") All enabled

input
elements

:disabled $(":disabled") All disabled

 input
elements

:selected $(":selected") All selected

input
elements

:checked $(":checked") All checked

input
elements