jQuery事件与动画基础详解

fn         用来绑定处理函数

unbind（[type],[fn]）    (移除)

type    主要包括blur，focus,click,mouseout等基础事件，此外，还可以自定义事件

fn        用来解除绑定的处理函数

$(function(){
 $("li").bind({
 mouseover:function(){
 $(this).css("background-color","green");
 },mouseout:function(){
 $(this).css("background-color","");
 }
 });
 $("li").unbind();
});

2.动画

1.控制元素显示与隐藏  $(selector).show([speed],[callback])

 $(selector).hide([speed],[callback])

speed：可选。规定元素从隐藏（显示）到可见（不可见）的速度

callback ：可选。show函数执行完了之后，要执行的函数

$(function(){
  $("p:visible").hide(100);
 });
 //$("p:hidden").show(100);

2.改变元素的透明度

$(function(){
 $("input").click(function(){
  $("img").fadeOut(100); //浅出
  //$("img").fadeIn(100); 淡入
 });
 })

3.改变元素的高度

$(function(){
 $("h2").click(function(){
 // $(".txt").slideup();
 $(".txt").slideDown();
 });
});