jQuery效果——隐藏和显示、淡入淡出、滑动
jquery(javascript库，极大简化了javascript编程)
jquery选择器
元素选择器：
标签
i
love
you
标签
i
love
you
css选择器：
一个属性：例如：$("p").css("background-color","red");
$("p").css("border","3px solid red");
多个属性： $("p").css({background:'#ccc',color:'blue'});
jquery效果——隐藏和显示（使用hide()、show()方法）
如果你点击隐藏按钮，我将会消失了。
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
可选的speed参数规定隐藏、显示的速度，可以取以下值：“slow”、“fast”、或毫秒。
可选的callback参数是隐藏或显示完成之后所执行的函数名称。
例如，带有speed参数的hide()方法
如果你点击隐藏按钮，我将会1000毫秒后消失了。
使用toggle()方法来切换hide()和show()方法。
显示被隐藏的元素，并隐藏已显示的元素：
我可以隐藏，也可以显示。
语法：$(selector).toggle（speed,callback）;
可选的speed参数规定隐藏、显示的速度，可以取以下值：“slow”、“fast”、或毫秒。
可选的callback参数是隐藏或显示完成之后所执行的函数名称。
可选的callback参数，具有以下三点说明：
1. $(selector)选中的元素的个数为n个，则callback函数会执行n次。
2.callback函数名后加括号，会立即执行函数体，而不是等到隐藏/显示完成后才执行。
3.callback既可以是函数名，也可以是匿名函数。
jQuery效果——淡入淡出
jquery拥有下面四种fade方法：
1.fadeIn()方法 用于淡入已隐藏的元素。
语法：$(selector).fadeIn(speed,callback);
以下实例演示了fadeIn()使用不同参数的效果。
注意：display:none;与display:block; 的区别。
2.fadeOut()方法：用于淡出可见元素。
$(selector).fadeOut(speed,callback);
以下实例演示了fadeOut()使用不同参数的效果。
3.fadeToggle()方法
可以在fadeIn()和fadeOut()方法间进行切换。
如果元素已淡出，则fadeToggle()会向元素添加淡入元素。
如果元素已淡入，则fadeToggle()会向元素添加淡出元素。
语法：$(selector).fadeToggle(speed,callback);
以下实例演示了fadeToggle()使用不同speed参数的效果。
4.fadeTo()方法
允许渐变为给定的不透明都度（值介于0与1之间)
语法：$(selector).fadeTo(speed,opacity,callback);
opacity参数将淡入淡出效果设置为给定的不透明度（值介于0与1之间）
以下实例演示了fadeTo()不同透明度的效果
jQuery效果——滑动
1.slideDown()方法 用于向下滑动元素
语法：$(selector).slideDown(speed,callback);
点我滑下面板
I LOVE YOU !
2.slideUp()方法 用于向上滑动元素
点我拉起面板
I LOVE YOU !
注意使用slideUp()和slideDown()的区别：display:none;
3.slide Toggle()方法
用于slideUp()和slideDown()方法之间进行切换。
如果元素向下滑动，则slideToggle()可向上滑动它们。
如果元素向上滑动，则slideToggle()可向下滑动它们。
点我拉起面板
I LOVE YOU !