Jquery Events

$(document).ready(function)
attach a function to document after it is ready


$(selector).click(function)
attach a function to selected item after it is clicked

$(selector).dblclick(function)
attach a function to selected item after it is double clicked


$(selector).focus(function)
attach a function to selected item after it gets focus


$(selector).mouseover(function)
attach a function to selected item after it is hovered

<script type="text/javascript">
var flipper = true;
$(document).ready(function(){
$("button").click(function(){
if(flipper)
{
$("p").hide(300);
flipper = false;
$(this).Value= 'show';
}
else
{ $("p").show(300);
flipper = true;

}
});
});
</script>
<button>Hide</button>
<p>slowly hide me by clicking button.</p>
<p><b>$("div#details .head") Selects all elements with class="head" inside a div element with id="details"</b></p>