jquery获取当前元素的坐标

jquery获取当前元素的坐标

1,获取对象

var obj = $("#id号"); 或  var obj = $(this);

实例中我获取的对象是弹出窗口按钮,这样创建的新窗口就会根椐按钮的位置进行调整,实例中将创建的新窗口显示的按钮的右下角。   

  

2,获取对象元素的位置(offset()方法)   

var offset = obj.offset();   

获取对象元素的位置,分别是元素的top和left,调用方法是:offset.left和offset.top,可知当前对象的左部和顶部位置。   

  

3,获取对象元素的宽度(width()方法)   

var right = offset.left+obj.width();   

实例中是获取对象的右下角位置,创建新窗口的左部位置。   

  

4,获取对象元素的高度(height()方法)   

var down = offset.top+obj.height();   

实例中是获取对象的右下角位置,创建新窗口的顶部位置。

posted @   海角之上  阅读(2459)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
点击右上角即可分享
微信分享提示