zoukankan      html  css  js  c++  java
  • 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在其他的浏览器出现可能的问题时,修改起来也会更加方便。
  • 相关阅读:
    自己动手写个小框架之三
    自己动手写个小框架之四
    定制CentOS
    简单C语言文法
    Python基础
    中文词频统计
    编译原理
    英文词频统计
    熟悉常用的Linux操作
    大数据概述
  • 原文地址:https://www.cnblogs.com/goooto/p/1901170.html
Copyright © 2011-2022 走看看