jquer over view

JQUERY is "write less do more" javascript library

basic syntax $(selector).action();
class->.
id->#

button click

$(document).ready(function(){

 $("button").onclick(function(){
          //operations
     });
});

jquery effects:

hide() / show() / toggle()

jqery fade
fadein
fadeout
fadeToggle
fadeTo (slow | fast | milliseconds, opacity 0-1 )

Jquery Slide
slideUp
slideDown
slideToggle

javascript callable function
 $("button").click(function(){

$("p"),hide(''slow',function(){
alert("hide sucessfully");
})
});

javascript chaining:
$("button").css('color','red').slideUp(100).slideDown(200)


jqery Add
append()
preappend()
after()
before()

jqery remove
div.remove() ->remove elemnt
div.empty() -> empty chile elements

get and set css classes
addClass()
removeClass()
toggleClass()