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


Posted in Javascript onFebruary 07, 2017

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

Javascript 相关文章推荐
学习ExtJS(二) Button常用方法
Oct 07 Javascript
jquery validate.js表单验证的基本用法入门
May 13 Javascript
jQuery根据纬度经度查看地图处理程序
May 08 Javascript
PHP守护进程实例
Mar 06 Javascript
详解JavaScript基于面向对象之创建对象(2)
Dec 10 Javascript
jquery实现ajax加载超时提示的方法
Jul 23 Javascript
网页中右键功能的实现方法之contextMenu的使用
Feb 20 Javascript
JavaScript中立即执行函数实例详解
Nov 04 Javascript
对angularJs中ng-style动态改变样式的实例讲解
Sep 30 Javascript
Vue实现根据hash高亮选项卡
May 27 Javascript
vue quill editor 使用富文本添加上传音频功能
Jan 14 Javascript
微信小程序 根据不同用户切换不同TabBar
Apr 21 Javascript
JS日程管理插件FullCalendar简单实例
Feb 07 #Javascript
纯js三维数组实现三级联动效果
Feb 07 #Javascript
在点击div中的p时,如何阻止事件冒泡
Feb 07 #Javascript
bootstrap vue.js实现tab效果
Feb 07 #Javascript
Node连接mysql数据库方法介绍
Feb 07 #Javascript
jQuery监听浏览器窗口大小的变化实例
Feb 07 #Javascript
Bootstrap table表格简单操作
Feb 07 #Javascript
You might like
咖啡历史、消费和行业趋势
2021/03/03 咖啡文化
Get或Post提交值的非法数据处理
2006/10/09 PHP
php插件Xajax使用方法详解
2017/08/31 PHP
jquery 提示信息显示后自动消失的具体实现
2013/12/18 Javascript
整理关于Bootstrap导航的慕课笔记
2017/03/29 Javascript
利用JavaScript对中文(汉字)进行排序实例详解
2017/06/18 Javascript
详解vue express启动数据服务
2017/07/05 Javascript
AngularJs ng-change事件/指令的用法小结
2017/11/01 Javascript
vue数组对象排序的实现代码
2018/06/20 Javascript
小程序视频或音频自定义可拖拽进度条的示例代码
2018/09/30 Javascript
vue动态添加路由addRoutes之不能将动态路由存入缓存的解决
2019/02/19 Javascript
微信小程序云开发使用方法新手初体验
2019/05/16 Javascript
基于vue项目设置resolves.alias: '@'路径并适配webstorm
2020/12/02 Vue.js
python冒泡排序算法的实现代码
2013/11/21 Python
深入解析Python中的__builtins__内建对象
2016/06/21 Python
Python面向对象程序设计构造函数和析构函数用法分析
2019/04/12 Python
Python内存管理实例分析
2019/07/10 Python
使用PyTorch将文件夹下的图片分为训练集和验证集实例
2020/01/08 Python
tensorflow 利用expand_dims和squeeze扩展和压缩tensor维度方式
2020/02/07 Python
Python在终端通过pip安装好包以后在Pycharm中依然无法使用的问题(三种解决方案)
2020/03/10 Python
python用opencv完成图像分割并进行目标物的提取
2020/05/25 Python
Python Django搭建网站流程图解
2020/06/13 Python
Python grpc超时机制代码示例
2020/09/14 Python
戴尔马来西亚官网:Dell Malaysia
2020/05/02 全球购物
毕业生的自我鉴定该怎么写
2013/12/02 职场文书
教师应聘个人求职信
2013/12/10 职场文书
公司建议书怎么写
2014/05/15 职场文书
民族团结先进集体事迹材料
2014/05/22 职场文书
药店促销活动总结
2014/07/10 职场文书
祖国在我心中演讲稿600字
2014/09/23 职场文书
考试作弊检讨书1000字(5篇)
2014/10/19 职场文书
工厂仓库管理员岗位职责
2015/04/09 职场文书
求职意向书范本
2015/05/11 职场文书
导游词范文之颐和园/重庆/云台山
2019/09/10 职场文书
Python制作动态字符画的源码
2021/08/04 Python
pd.DataFrame中的几种索引变换的实现
2022/06/16 Python