jq中的width方法和window事件

一．jq中的width方法

1.width();  只获取到内容宽度(不包含padding、border);

2.innerWidth(); 获取到width+padding;

3.outerWidth();  获取到 width+padding+border

4.outerWidth(true); 获取到width+padding+border+margin

例子：$(‘div’).width(); //number 不传参为获取

         $(‘div’).css(‘width’);//string

         $(window).width();//获取可视区域的宽

二．window事件

1.$(window).resize(); 窗口改变大小时触发事件

例子：$(window).resize(){function(){

               console.log($(window).width());//可视窗口的宽实时

}}

2.$(window).scroll(); 滚动条滚动时触发

例子：$(window).scroll(function(){

               console.log($(window).scrollTop());

               console.log($(window).scrollLeft());

});

jq中的width方法和window事件

原文：https://www.cnblogs.com/chenhuaiyou/p/15105212.html