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 相关文章推荐
修改好的jquery滚动字幕效果实现代码
Jun 22 Javascript
jquery原创弹出层折叠效果点击折叠弹出一个层
Mar 12 Javascript
js控制当再次点击按钮时的间隔时间
Jun 03 Javascript
微信小程序 loading(加载中提示框)实例
Oct 28 Javascript
Bootstrap显示与隐藏简单实现代码
Mar 06 Javascript
jQuery插件FusionWidgets实现的Cylinder图效果示例【附demo源码】
Mar 23 jQuery
JS禁止浏览器右键查看元素或按F12审查元素自动关闭页面示例代码
Sep 07 Javascript
解决vue+element 键盘回车事件导致页面刷新的问题
Aug 25 Javascript
利用Promise自定义一个GET请求的函数示例代码
Mar 20 Javascript
详解原生JS动态添加和删除类
Mar 26 Javascript
JavaScript面向对象中接口实现方法详解
Jul 24 Javascript
layui 解决form表单点击无反应的问题
Oct 25 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
日本十大惊悚动漫
2020/03/04 日漫
IIS+PHP+MySQL+Zend配置 (视频教程)
2006/12/13 PHP
PHP 缓存实现代码及详细注释
2010/05/16 PHP
解析PHP中常见的mongodb查询操作
2013/06/20 PHP
解析PHP中的file_get_contents获取远程页面乱码的问题
2013/06/25 PHP
jQuery ui 1.7更新小结
2009/08/15 Javascript
javascript实现简单的Map示例介绍
2013/12/23 Javascript
纯javascript实现自动发送邮件
2015/10/21 Javascript
vue-cli+webpack记事本项目创建
2017/04/01 Javascript
JavaScript运动框架 解决速度正负取整问题(一)
2017/05/17 Javascript
vue-infinite-loading2.0 中文文档详解
2018/04/08 Javascript
vue.js添加一些触摸事件以及安装fastclick的实例
2018/08/28 Javascript
Angularjs之ngModel中的值验证绑定方法
2018/09/13 Javascript
Puppeteer环境搭建的详细步骤
2018/09/21 Javascript
Vant的安装和配合引入Vue.js项目里的方法步骤
2018/12/05 Javascript
vue2 拖动排序 vuedraggable组件的实现
2019/08/08 Javascript
前端vue-cli项目中使用img图片和background背景图的几种方法
2019/11/13 Javascript
python批量提取word内信息
2015/08/09 Python
解决Django模板无法使用perms变量问题的方法
2017/09/10 Python
浅谈PyQt5 的帮助文档查找方法,可以查看每个类的方法
2019/06/25 Python
Python提取转移文件夹内所有.jpg文件并查看每一帧的方法
2019/06/27 Python
浅析Python与Mongodb数据库之间的操作方法
2019/07/01 Python
python实现kNN算法识别手写体数字的示例代码
2019/08/16 Python
python selenium实现发送带附件的邮件代码实例
2019/12/10 Python
python序列类型种类详解
2020/02/26 Python
Python安装OpenCV的示例代码
2020/03/05 Python
pycharm实现在子类中添加一个父类没有的属性
2020/03/12 Python
matplotlib之多边形选区(PolygonSelector)的使用
2021/02/24 Python
Ann Taylor官方网站:美国最大的女性产品制造商之一
2016/09/14 全球购物
美国名表在线商城:Ashford(支持中文)
2019/09/24 全球购物
OSPF有什么优点?为什么OSPF比RIP收敛快?
2013/02/13 面试题
护士试用期自我鉴定
2014/02/08 职场文书
2014个人反腐倡廉思想汇报
2014/09/15 职场文书
信访稳定工作汇报
2014/10/27 职场文书
大雁塔英文导游词
2015/02/10 职场文书
学习杨善洲同志先进事迹心得体会
2016/01/23 职场文书