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 相关文章推荐
javascript基于jQuery的表格悬停变色/恢复,表格点击变色/恢复,点击行选Checkbox
Aug 05 Javascript
html数组字符串拼接的最快方法
Sep 16 Javascript
使用jQuery制作Web页面遮罩层插件的实例教程
May 26 Javascript
jQuery简单实现iframe的高度根据页面内容自适应的方法
Aug 01 Javascript
BootStrap iCheck插件全选与获取value值的解决方法
Aug 24 Javascript
浅谈js在html中的加载执行顺序,多个jquery ready执行顺序
Nov 26 Javascript
原生js实现鼠标跟随效果
Feb 28 Javascript
JS通过调用微信API实现微信支付功能的方法示例
Jun 29 Javascript
理顺8个版本vue的区别(小结)
Sep 17 Javascript
Vue.js 中的 v-cloak 指令及使用详解
Nov 19 Javascript
微信小程序实现的五星评价功能示例
Apr 25 Javascript
JS中的模糊查询功能
Dec 08 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脚本的10个技巧(1)
2006/10/09 PHP
PHP开发框架总结收藏
2008/04/24 PHP
php分页示例分享
2014/04/30 PHP
php对象和数组相互转换的方法
2015/05/12 PHP
php上传后台无法收到数据解决方法
2019/10/28 PHP
Laravel 验证码认证学习记录小结
2019/12/20 PHP
如何使用JS获取IE上传文件路径(IE7,8)
2013/07/08 Javascript
javascript模拟枚举的简单实例
2014/03/06 Javascript
Js的Array数组对象详解
2016/02/22 Javascript
js+html5实现canvas绘制网页时钟的方法
2016/05/21 Javascript
js实现table添加行tr、删除行tr、清空行tr的简单实例
2016/10/15 Javascript
vue自定义过滤器创建和使用方法详解
2017/11/06 Javascript
Element-ui tree组件自定义节点使用方法代码详解
2018/09/17 Javascript
jQuery实现ajax的嵌套请求案例分析
2019/02/16 jQuery
vue项目创建并引入饿了么elementUI组件的步骤
2019/04/11 Javascript
微信小程序 行的删除和增加操作实现详解
2019/09/29 Javascript
Json实现传值到后台代码实例
2020/06/30 Javascript
vue内置组件component--通过is属性动态渲染组件操作
2020/07/28 Javascript
PyQt5每天必学之带有标签的复选框
2018/04/19 Python
python 匹配url中是否存在IP地址的方法
2018/06/04 Python
python3读取excel文件只提取某些行某些列的值方法
2018/07/10 Python
Python全排列操作实例分析
2018/07/24 Python
Python爬虫爬取新浪微博内容示例【基于代理IP】
2018/08/03 Python
Tensorflow分批量读取数据教程
2020/02/07 Python
自学python用什么系统好
2020/06/23 Python
EJB包括(SessionBean,EntityBean)说出他们的生命周期,及如何管理事务的
2015/07/24 面试题
主持人婚宴答谢词
2014/01/28 职场文书
会计学自我鉴定
2014/02/06 职场文书
2014年五一活动策划方案
2014/03/15 职场文书
研究生求职自荐书
2014/06/23 职场文书
教室布置标语
2014/06/26 职场文书
教师三严三实对照检查材料
2014/09/25 职场文书
幼儿园百日安全活动总结
2015/05/07 职场文书
小学数学教学反思范文
2016/02/16 职场文书
python中出现invalid syntax报错的几种原因分析
2022/02/12 Python
Android实现获取短信验证码并自动填充
2023/05/21 Java/Android