This document discusses various jQuery selectors and provides examples of each. It covers basic selectors that select elements by tag name, id, class, attributes and more. It also covers form element selectors that can select different input types. The document is organized into sections on basic selectors, attribute selectors, and form element selectors, with each section providing the syntax of the selector and a brief description.

1. JQUERY SELECTORS
WITH
EXMAPLES
Author: Chandra Shekher P

2. Topics
Basics
Basic selectors
Hierarchical selectors
Advanced
Attribute selectors
Form element selectors Form element
selectors
Positional selectors

3. Basic Selectors

4. Basic Selectors
Selector Example Description
* $("*") All elements
ELEMENT $("p") All p elements
#ID $("#lastname") The element with id=lastname
.CLASS $(".intro") All elements with class="intro"
.CLASS.CLASS $(".intro.demo") All elements with the classes "intro" and
"demo"

5. Basic Selectors
Selector Example Description
: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

6. Basic Selectors
Selector Example Description
: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(SELECTO
R)
$("input:not(:empty)") All input elements that are not empty

7. Basic Selectors
Selector Example Description
:header $(":header") All header elements h1, h2 ...
:animated $(":animated") All animated elements
S1,S2,S3 $("th,td,.intro") All elements with matching selectors

8. Basic Selectors
Selector Example Description
:contains(TEXT
)
$(":contains('Indusa')") All elements which contains the text
:empty $(":empty") All elements with no child (elements)
nodes
:hidden $("p:hidden") All hidden p elements
:visible $("table:visible") All visible tables

9. Advance Selector

10. Attribute Selectors
Selector Example Description
[ATTRIBUTE] $("[href]") All elements with a href attribute
[ATTRIBUTE=VAL
UE]
$(":empty") All elements with no child (elements)
nodes
ATTRIBUTE!=VAL
UE]
$("[href!='default.ht
m'])
All elements with a href attribute value
not equal to "default.htm"
[ATTRIBUTE$=VA
LUE]
$("[href$='.jpg']") All elements with a href attribute value
ending with ".jpg"
[ATTRIBUTE^=VA
LUE]
$("[href^='jquery_']") All elements with a href attribute value
starting with "jquery_"

11. Form Selectors
Selector Example Description
:input $(":input") All input elements
:text $(":text") All input elements with type="text"
:password $(":password") All input elements with type="password"
:radio $(":radio") All input elements with type="radio"
:checkbox $(":checkbox") All input elements with type="checkbox"

12. Form Selectors
Selector Example Description
:submit $(":submit") All input elements with type="submit"
:reset $(":reset") All input elements with type="reset"
:button $(":button") All input elements with type="button"
:image $(":image") All input elements with type="image"
:file $(":file") All input elements with type="file"

13. Form Selectors
Selector Example Description
:enabled $(":submit") All enabled input elements
:disabled $(":reset") All disabled input elements
:selected $(":button") AllAll selected input elements
:checked $(":image") All checked input elements

14. Thankyou