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 相关文章推荐
JS弹出层的显示与隐藏示例代码
Dec 27 Javascript
利用Node.js制作爬取大众点评的爬虫
Sep 22 Javascript
前端自动化开发之Node.js的环境搭建教程
Apr 01 Javascript
完美解决axios在ie下的兼容性问题
Mar 05 Javascript
Vue 页面跳转不用router-link的实现代码
Apr 12 Javascript
Bootstrap Table中的多选框删除功能
Jul 15 Javascript
Vue 中文本内容超出规定行数后展开收起的处理的实现方法
Apr 28 Javascript
TypeScript的安装、使用、自动编译的实现
Apr 10 Javascript
基于Vue CSR的微前端实现方案实践
May 27 Javascript
详解React 元素渲染
Jul 07 Javascript
vue 实现setInterval 创建和销毁实例
Jul 21 Javascript
npm全局环境变量配置详解
Dec 15 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
提高php运行速度的一些小技巧分享
2012/07/03 PHP
PHP中多维数组的foreach遍历示例
2014/06/13 PHP
PHP合并静态文件详解
2014/11/14 PHP
PHP中使用Imagick操作PSD文件实例
2015/01/26 PHP
weiphp微信公众平台授权设置
2016/01/04 PHP
Yii2.0中使用js异步删除示例
2017/03/10 PHP
laravel实现分页样式替换示例代码(增加首、尾页)
2017/09/22 PHP
PHP排序算法之归并排序(Merging Sort)实例详解
2018/04/21 PHP
php 比较获取两个数组相同和不同元素的例子(交集和差集)
2019/10/18 PHP
基于jquery的jqDnR拖拽溢出的修改
2011/02/12 Javascript
JQuery的Ajax请求实现局部刷新的简单实例
2014/02/11 Javascript
jQuery插件zepto.js简单实现tab切换
2015/06/16 Javascript
简单谈谈javascript Date类型
2015/09/06 Javascript
Jquery中request和request.form和request.querystring的区别
2015/11/26 Javascript
Bootstrap表单组件教程详解
2016/04/26 Javascript
如何使用headjs来管理和异步加载js
2016/11/29 Javascript
Vue.js实现表格动态增加删除的方法(附源码下载)
2017/01/20 Javascript
less简单入门(CSS 预处理语言)
2017/03/08 Javascript
angular.fromJson与toJson方法用法示例
2017/05/17 Javascript
微信小程序开发之toast提示插件使用示例
2017/06/08 Javascript
解决修复npm安装全局模块权限的问题
2018/05/17 Javascript
layui树形菜单动态遍历的例子
2019/09/23 Javascript
python如何对实例属性进行类型检查
2018/03/20 Python
Tensorflow卷积神经网络实例进阶
2018/05/24 Python
解决PyCharm的Python.exe已经停止工作的问题
2018/11/29 Python
Python实现的合并两个有序数组算法示例
2019/03/04 Python
python 实现&quot;神经衰弱&quot;翻牌游戏
2020/11/09 Python
世界上最大的巴士旅游观光公司:Big Bus Tours
2016/10/20 全球购物
请写出 float x 与"零值"比较的 if 语句
2016/01/04 面试题
某集团股份有限公司委托书样本
2014/09/24 职场文书
授权委托书怎么写
2014/09/25 职场文书
职位证明模板
2015/06/23 职场文书
《秋天的怀念》教学反思
2016/02/17 职场文书
小学运动会开幕词
2016/03/04 职场文书
党员学习型组织心得体会
2019/06/21 职场文书
python数据分析之用sklearn预测糖尿病
2021/04/22 Python