欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2024-02-01 14:03:58
本文实例讲述了jquery简单获取div和a标签元素位置的方法。分享给大家供大家参考,具体如下: 一、获取div的位置 var top = jquery("#d...

本文实例讲述了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程序设计有所帮助。