看完了fadeIn方法后，不免又想写点什么
就像书上所说的，实现Jquery简单事件的实现，元素隐藏和显示
我用了hide,fadeIn,show这三个方法做了一些效果和比较，根据我的理解，hide方法可以理解为css的display：none,而show方法和fadeIn方法可理解为css与display：none相对应的display:block(或者是其他的显示样式)
但是show方法和fadeIn方法会记住上一次显示的样式，也就是说，假如一个P标签显示的方式是block，在它实现了隐藏之后再次显示时，即是show方法时，这个p标签显示的方式还会是block的方式，而不是inherit或者是其他的。
接下来我写了一个实现这三个方法的例子，三个按钮分别对应实现上面那三个方法，一个p标签，作为效果显示，代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SixthDay</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btnHide").click(function(){$('p').hide()});
$("#btnfadeIn").click(function(){$('p').fadeIn('slow')});
$("#btnShow").click(function(){$('p').show('slow')});
})
</script>
</head>
<body>
<input id="btnHide" type="button" value="hide" />
<input id="btnfadeIn" type="button" value="fadeIn" />
<input id="btnShow" type="button" value="Show" />
<p style="background:#000;color:#FFF;width:160px; font-stretch:extra-condensed">隐藏我吧，哈哈。。。</p>
</body>
</html>
hidef方法是选中实现元素隐藏的，大家都知道，fadeIn和Show这两个方法实现的功能是选中元素的，这个相信大家也知道，但是，我从实现这三个方法的时候，我发现，fadeIn和Show两个方法虽然都是显示，但是fadeIn和showshi实现的效果不同，fadeIn显示的效果是逐渐淡出的，而Show方法呢，是有方向性地显示出来的，今天又学到东西了，学得不求多，只求日进一个方法也罢，主要是坚持啊，呵呵
editor：翱翔之心
URL:http://www.cnblogs.com/aoxiangzhixin/articles/2143854.html
Date:2011-08-18 01:08:30
