首页 / JQUERY / jQuery的相关尺寸获取 - 学习笔记

jQuery的相关尺寸获取 - 学习笔记

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jQuery的相关尺寸获取 - 学习笔记，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含734字，纯文字阅读大概需要2分钟。

内容图文

获取元素相对于文档的偏移量

         var pos = $('#small').offset(); 
 console.log(pos.left);
 console.log(pos.top);

获取当前元素相对于父级元素的偏移量

         var l = $('#small').position().left;
 var t = $('#small').position().top;
 console.log(l,t);

获取文档滚动距离

         var st = $(document).scrollTop();
 var sl = $(document).scrollLeft();

获取元素的宽度和高度

         var w = $('#big').width();
 var h = $('#big').height();

设置元素的宽度和高度

         $('#big').width(400);
 $('#big').height(400);
 // console.log(w,h);

获取可视区域的宽度和高度

         var w = $(window).width();
 var h = $(window).height();

获取文档的宽度和高度

         var w = $(document).width();
 var h = $(document).height();
 console.log(w,h);

原文：https://www.cnblogs.com/aduner/p/12238428.html

内容总结

以上是互联网集市为您收集整理的jQuery的相关尺寸获取 - 学习笔记全部内容，希望文章能够帮你解决jQuery的相关尺寸获取 - 学习笔记所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1187989.html

来源：【匿名】