JS效果集合

位置与尺寸的计算：

$(window).scrollTop()   //鼠标滚动高度

$(window).height()        //窗口高度

$(window).width()         //窗口宽度

$(“#”).outerHeight()      //元素高度

$(“#”).outerWidth()      //元素宽度

$(“#”).offset().top        //元素相对于文档的位置

$("#").offset().left        //元素相对于文档的位置

$(“#”).position().top        //元素相对于父元素的位置

$("#").position().left        //元素相对于父元素的位置

$("").css("left")           //元素相对于参考元素的位置

$("").css("top")           //元素相对于参考元素的位置

$(document).ready();
$(window).resize();
$(window).scroll();   // window 上的事件不好追踪，可以把滚动事件绑在DOM上

DOM事件流：先捕获阶段（从外到内） 再 冒泡（从内到外），添加事件处理函数时，可以指定该函数在事件的哪个阶段被调用