jQuery 效果：
隐藏与显示：
隐藏：
$("#hide").click(function(){
$("p").hide();
});
显示：
$("#show").click(function(){
$("p").show();
});
隐藏与显示的速度：
$("button").click(function(){
$("p").hide(1000);
});
$("button").click(function(){
$("p").show(1000);
});
toggle( 使用 toggle() 方法来切换 hide() 和 show())：
$("button").click(function(){
$("p").toggle();
});
jQuery Fading 方法：
可以实现元素的淡入淡出效果
淡入已隐藏的元素：
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});
淡出可见元素：
$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
});
jQuery fadeToggle() 方法：
jQuery fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。
$("button").click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
});
jQuery fadeTo() 方法：
jQuery fadeTo() 方法允许渐变为给定的不透明度（值介于 0 与 1 之间）
$("button").click(function(){
$("#div1").fadeTo("slow",0.15);
$("#div2").fadeTo("slow",0.4);
$("#div3").fadeTo("slow",0.7);
});
jQuery 滑动方法：
slideDown() 方法用于向下滑动元素：
#panel,#flip
{
padding:5px;
text-align:center;
background-color:#e5eecc;
border:solid 1px #c3c3c3;
}
#panel
{
padding:50px;
display:none;
}
<div id="flip">点我，显示或隐藏面板。</div>
<div id="panel">Hello world!</div>
$("#flip").click(function(){
$("#panel").slideDown();
});
slideUp() 方法用于向上滑动元素：
$("#flip").click(function(){
$("#panel").slideUp();
});
slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换：
$("#flip").click(function(){
$("#panel").slideToggle();
});
jQuery 动画 - animate() 方法：
把 <div> 元素往右边移动了 250 像素：
$("button").click(function(){
$("div").animate({left:'250px'});
});
如需对位置进行操作，要记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute！
animate()生成动画的过程中可同时使用多个属性：
$("button").click(function(){
$("div").animate({
left:'250px',
opacity:'0.5', （不透明属性）
height:'150px',
width:'150px'
});
});
使用预定义的值：
$("button").click(function(){
$("div").animate({ height:'toggle' });
});
jQuery 方法链接：
如需链接一个动作，您只需简单地把该动作追加到之前的动作上。
$("#p1").css("color","red")
.slideUp(2000)
.slideDown(2000);
<iframe src="" width="" height=""></iframe> <!-- 嵌入地图 -->
