2018-06-28 jq CSS处理

CSS处理

　　1.CSS样式

　　css() -> 获取jq对象的css样式

　　css({'':"'}) ->设置jq对象的css样式 相当于js对象的style()方法

　　2.位置

　　offset().top(left) ->得到对象相对于浏览器左上角的坐标

　　position().top(left) ->得到对象相对于已定位的祖先标签左上角的坐标

　　scrollTop() ->得到对象已滚动的高

　　3.尺寸

　　height() ->获取jq对象的有效高度 ,相当于js中的clientHeight()；

　　width() -> 获取jq对象的有效宽度 ,相当于js中的clientWidth()；

　　innerHeight() ->获取jq对象的有效高度+padding

　　innerWidth() -> 获取jq对象的有效宽度+padding

　　outerHeight() ->获取jq对象的有效高度+padding+border

　　outerWidth() -> 获取jq对象的有效高度+padding+border

　　$(window).height -> 获取浏览器的有效（可视区域）高度

　　$(document).height -> 获取网页的文档总高度

　　$(window).scrollTop -> 获取网页已滚动的高度

　　$(window).scroll(function(){

　　　　h = $(window).scrollTop();
　　　　document.title = h;
　　　})//当屏幕滚动时获取屏幕已滚动的高度