jq基础知识:
1.获取和设置元素的尺寸
width()、height() 获取元素width和height
innerWidth()、innerHeight() 包括padding的width和height
outerWidth()、outerHeight() 包括padding和border的width和height
outerWidth(true)、outerHeight(true) 包括padding和border以及margin的width和height
2。获取元素相对页面绝对位置
offset（）
用处：点j一个盒子弹出另一个样式
var $pos = $('.pos');
//offset()是获取相对于页面左上角的绝对位置，即使外面再包一层con居中层，也不影响效果
var pos = $pos.offset();
// console.log(pos);
// alert(pos.left + "," + pos.top);
3.事件绑定
鼠标移入
$pos.mouseover(function() {
$('.pop').show();
});
鼠标移出
$pos.mousesetout(function() {
$('.pop').show();
});
3.可视区高度
$(window).height();
4.获取页面高度
$(document).height();
5.获取页面滚动距离
$(document).scrollTop();
$(document).scrollLeft();
6.页面滚动事件
$(window).scroll(function(){
......
})
