JQuery获取元素尺寸、位置及页面滚动事件应用示例
本文实例讲述了JQuery获取元素尺寸、位置及页面滚动事件应用。分享给大家供大家参考,具体如下:
获取元素尺寸
Title $(function(){ var$div=$('.box'); //盒子内容的尺寸 console.log($div.width()); console.log($div.height()); //盒子内容加上padding的尺寸 console.log($div.innerWidth()); console.log($div.innerHeight()); //盒子的真实尺寸,内容尺寸加上padding加上brder console.log($div.outerWidth()); console.log($div.outerHeight()); //盒子的真实尺寸加上margin console.log($div.outerWidth(true)); console.log($div.outerHeight(true)); }) .box{ width:300px; height:200px; padding:20px; border:10pxsolid#000; margin:20px; background-color:gold; } dd