JQuery中得到Element真实top、left、height和width属性值的对象

使用的JQuery1.3.2获得Element的实际的top、left、height和width时,对于IE浏览器和Chrome需要使用不同的代码来得到。为了便于统一使用,我 自己写了一个对象,在这里记录下来,以备将来参考。 
JQuery的版本为1.3.2 
该对象的代码如下: 
Javascript代码 
  1. var isIE = $.browser.msie;  
  2. function JQElement(){  
  3.     this.obj;  
  4.     this.top;  
  5.     this.left;  
  6.       
  7.     this.getE = function(objid) {  
  8.             this.obj = $("#" + objid);  
  9.             this.top = this.obj.offset().top;  
  10.             this.left = this.obj.offset().left;   
  11.         }  
  12.           
  13.         return this;  
  14.     }  
  15. }  


调用该对象的代码为: 
Javascript代码 
  1. var $searchdiv = new JQElement().getE("search_div");  
  2. var searchtop = $searchdiv.top;  
  3. var searchleft = $searchdiv.left;  
  4. delete $searchdiv;  


通过该对象的编写,在使用JQuery获得div元素的实际位置时,代码量减少了不少。同时对于JQuery在其他的浏览器出现可能的问题时,修改起来也会更加方便。
原文地址:https://www.cnblogs.com/goooto/p/1901170.html