jquery定位

1、$("div").offset().left ; div到文档的左距离（offset() 方法返回或设置匹配元素相对于文档的偏移）
$("div").offset().top; div到文档顶端的距离
$("div").offset().top-$(window).scrollTop; div到可视窗口顶端的距离(用总的距离-滚动的距离可得到)

2、$("div").position().left; 把div转化成类似定位的形式，即把自身的margin去掉，再计算自己到有定位的父级的距离，如果父级都
没有定位，则是计算div到文档的距离，top同理。

3、$("div").width() ; div的宽度（不包括内外边距和边框）
$("div").innerWidth(); div的宽度加上padding
$("div").outerWidth(); div的宽度加上padding+border
$("div").outerWidth(true); div的宽度加上padding+border+margin

4、$(document).height() ; 整个文档的高度，宽度同理。
$(window).height(); 可视窗口的高度
$(window).scrollTop(); 滚动条滚动的距离(即滚动条顶端到文档顶端的距离)
当滚动条滚到最低端时：$("document").height()==$(window).height()+$(window).scrollTop();
当网页高度小于浏览器窗口时：$(document).height()返回的是$(window).height()；
假如要获取整个文档的高度，不建议用$("html").height()、$("body").height()的高度，原因：$("body").height()：body可能会有边框
，获取的高度会比$(document).height()小； $("html").height()：在不同的浏览器上获取的高度的意义会有差异，说白了就是浏览器
不兼容。

$(window).scrollTop(); ==$(document).scrollTop()==$("html").scrollTop(); 但是$(window).scrollTop()可被所有的浏览器支持，
其它则不行。

5、事件对象：event
ev.pageX 相对于文档的横坐标
ev.pageY 相对于文档的纵坐标
ev.which==ev.keyCode 获取键值
ev.preventDefault(); 阻止默认事件
ev.stopPropagation(); 阻止冒泡
return false; 既阻止默认事件 又阻止冒泡

转载于:https://www.cnblogs.com/annie211/p/6051488.html