首页 > 代码库 > 网页JQ基础之jq-隐藏以及显示特效

网页JQ基础之jq-隐藏以及显示特效

简单的 隐藏以及显示的 JQ 的代码如下:

<!DOCTYPE html><html><head><script src="http://www.mamicode.com/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){  $("#hide").click(function(){  $("p").hide();  });  $("#show").click(function(){  $("p").show();  });});</script></head><body><p id="p1">如果点击“隐藏”按钮,我就会消失。</p><button id="hide" type="button">隐藏</button><button id="show" type="button">显示</button></body></html>

 

复制以上代码,自己敲一遍,每天进步一点点

 

网页JQ基础之jq-隐藏以及显示特效