AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

jQuery简单获取DIV和A标签元素位置的方法

51自学网 http://www.wanshiok.com
jQuery,获取,DIV,A标签,元素位置,获取元素

本文实例讲述了jQuery简单获取DIV和A标签元素位置的方法。分享给大家供大家参考,具体如下:

一、获取DIV的位置

var top = jquery("#div_id").offset().top; //获取div的居上位置var left = jquery("#div_id").offset().left; //获取div的居左位置var height = jquery("#div_id").height(); //获取div的高度var width = jquery("#div_id").width(); //获取div的宽度jquery("#div_id").css({'top':top,'left':left,'height':height,'width':width}); //设置DIV的css属性

二、获取A标签的位置

<a href="http://localhost/#" rel="external nofollow" onclick="javascript:get_a(this,1)">获取A标签的位置</a><script language="javascript">function get_a(thisObj,param){ var top = jquery(thisObj).offset().top; var left = jquery(thisObj).offset().left; var height = jquery(thisObj).height(); var width = jquery(thisObj).width();}</script>

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery页面元素操作技巧汇总》、《jquery选择器用法总结》、《jQuery表单操作总结》、《jQuery常用插件及用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery扩展技巧总结》及《jQuery常见经典特效汇总

希望本文所述对大家jQuery程序设计有所帮助。


jQuery,获取,DIV,A标签,元素位置,获取元素  
上一篇:layer弹出层中H5播放器全屏出错的解决方法  下一篇:JS日程管理插件FullCalendar简单实例