首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-10-26 
JQuery中得到Element真实top、left、height和width属性值的对象在一个电子商务网站的实施过程中,发现使用的J

JQuery中得到Element真实top、left、height和width属性值的对象
在一个电子商务网站的实施过程中,发现使用的JQuery1.3.2获得Element的实际的top、left、height和width时,对于IE浏览器和Chrome需要使用不同的代码来得到。为了便于统一使用,我 自己写了一个对象,在这里记录下来,以备将来参考。
JQuery的版本为1.3.2
该对象的代码如下:



调用该对象的代码为:
var $searchdiv = new JQElement().getE("search_div");var searchtop = $searchdiv.top;var searchleft = $searchdiv.left;var searchwidth = $searchdiv.width;var searchheight = $searchdiv.height;delete $searchdiv;


通过该对象的编写,在使用JQuery获得div元素的实际位置时,代码量减少了不少。同时对于JQuery在其他的浏览器出现可能的问题时,修改起来也会更加方便。

热点排行