jQuery效果

1.隐藏显示

　　$(function(){

　　　　$("#hide").click(function(){

　　　　　　$("p").hide();

　　　　});

　　　　$("#show").click(function(){

　　　　　　$("p").show();

　　　　});

　　})

　　$(selector).hide(speed,callback);

　　$(selector).show(speed,callback);//设置速度 和回调函数

　　可以直接调用toggle()方法切换 hide() 和 show() 方法

2.淡入淡出

　　fadeIn() 淡入已隐藏的元素

　　fadeOut()用于淡出可见元素

　　fadeToggle() 两种效果切换

　　fadeTo("slow",0.1); 时长，透明度

3.滑动方法 元素上创建滑动效果

　　slideDown(speed,callback);　向下滑动

　　slideUp();

　　slideToggle();两种效果切换

4.动画 animate()方法

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

　　　　$("div").animate(

　　　　　{left:''250px}　　

　　　　);

　　})

　　离左250像素

使用此方法时 用paddingLeft 而不是padding-left 改用驼峰命名法

　　也可以使用left:'+=250px'

还可以设置属性的动画值

　　left:'toggle'

　　提供针对动画的队列功能 多条animate依次执行

　　stop() 停止动画

 

举个栗子:

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

　　　　$("p").hide("slow",function() {

　　　　　　alert("hello jquery");

　　　　});

　　});

　　//此回调函数在隐藏效果实现后回调函数

　　

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

　　　　$("p").hide(1000);

　　　　alert("hello jQuery");

　　});

　　//在隐藏完成之前弹出框

jquery 方法链接

　　　$("#p1").css("color","red").slide(2000).sideDown(2000);