AJAX
Basics
Data
DOM
Effects
Events
Forms
jQuery UI
Plug Ins
Traversing
You can select an element with jQuery by using one of three selectors: by tag ID (#), by tag TYPE (DOM element), and by CSS Class.
$("#demo1").hide(); // id
$("H1").hide(); // element
$(".special-class").hide(); // css class
More Examples of jQuery Selectors:
$("*") Selects all elements
$(this) Selects the current HTML element
$("p.intro") Selects all <p> elements with class="intro"
$("p:first") Selects the first <p> element
$("ul li:first") Selects the first <li> element of the first <ul>
$("ul li:first-child") Selects the first <li> element of every <ul>
$("[href]") Selects all elements with an href attribute
$("a[target='_blank']") Selects all <a> elements with a target attribute value equal to "_blank"
$("a[target!='_blank']")Selects all <a> elements with a target attribute value NOT equal to "_blank"
$(":button") Selects all <button> elements and elements of type="button"
$("tr:even") Selects all even <tr> elements
$("tr:odd") Selects all odd <tr> elements
$(":empty") Selects empty elements - an element without child elements or text.
$(":disabled") Selects all elements with a disabled property.