JQuery：效果
JQuery效果有很多，包括隐藏、显示、切换，滑动，淡入淡出，以及动画等。
隐藏：JQuery hide()
显示：JQuery show()
切换：JQuery toggle(）
淡入淡出：JQuery fadeIn()、JQuery fadeOut()、JQuery fadeToggle()、JQuery fadeTo()
滑动：JQuery slideDown()、JQuery slideUP()、JQuery slideToggle()
动画：JQuery animation()
范例1：给出两个按钮，点击"显示",通过hide()方法，p标签隐藏；点击"隐藏",通过show()方法,p标签显示。
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
代码：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JQuery的使用！！！</title> <script src="jquery-3.1.0.js"></script> <script> $(function () { //隐藏 $("#hide").click(function(){ $("#p1").hide(); }); //显示 $("#show").click(function(){ $("#p1").show(); }); }); </script> </head> <body> <div> <p id="p1">JQuery框架的使用</p> </div> <div> <button id="hide">隐藏</button> <button id="show">显示</button> </div> </body> </html>