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事件

上一篇:win10系统微软账号登陆错误报错误码0x80190001


下一篇:yapi安装