1.*{margin:0;padding:0;list-style-type:none;}/*清楚内外默认边距*/
2.background:rgba(0,0,0,0.6);/*透明背景色，不透明其文字内容或者写成这样的：opacity:0.5;filter: alpha(opacity=50);background-color:#666*/
3. $(this).find(".txt").stop().animate({height:"198px"},400);
$(this).find(".txt h3").stop().animate({paddingTop:"60px"},400);
4.显示遮罩层代码
<style type="text/css">
*{ margin:0px; padding:0px; list-style-type:none;}
.aaa{ height:30px; 100px; cursor:pointer}
.bg{background-color:#666;position:absolute;z-index:99;left:0;top:0;display:none;100%;height:100%;opacity:0.5;filter: alpha(opacity=50);-moz-opacity:}
</style>
<body>
<div class="bg"></div>
<div class="web">
<p class="aaa">显示遮罩层</p>
</div>
<script type="text/javascript">
$(function(){
$(".aaa").click(function(){
$(".bg").css({ display: "block", height: $(document).height()});
alert($(document).height());
});
});
</script>
</body>
5.toggle ：主要是控制行为上的重复切换
toggleClass :控制样式上的重复切换
6.window.onload:是在网页中所有元素完全加载到浏览器后才执行，而$(document).ready()是在DOM完全就绪时就可以调用了
javascript的onload事件一次只能保存对一个函数的引用，如果有多个的话，后面的会自动覆盖前面的函数 ，因此不能在现有的行为上添加新的行为。
7.jquery合成事件
hover():语法结构hover(enter,leave),用于模拟光标悬停事件，当光标移动到元素上进，会触发指定的第一个函数(enter)，当光标移开这个元素时，会触发指定的第二个元素(leave)
toggle();语法结构toggle(fn1,fn2,fn3,.....fnn),用于模拟鼠标连续单击事件
8 event.stopPropagation()：.停止事件冒泡 event.preventDefaule()： 阻止默认行为 event.type:获取事件的类型 event.target:获取到触发事件的元素
event.pageX,event.pageY:获取到光标相对于页面的x坐标和y坐标。
event.which():要鼠标单击事件中获到取鼠标的左，中，右键，在键盘事件中获取到键盘的按键。