jquery获得页面元素的坐标值实现思路及代码


Posted in Javascript onApril 15, 2013

jquery如何获得页面元素的坐标值 yulutxt是输入经典语录的输入框,feedBackMessage函数见http://www.wesoho.com/article/asp/2765.htm

var p = $("#yulutxt"); 
var yuluoffset = p.offset(); 
feedBackMessage(msg,yuluoffset.left+p.width()+10,yuluoffset.top,5000);

-------------------
1,获取对象(自定义调整打开新窗口参照元素)
var obj = $("#oButton");
实例中我获取的对象是弹出窗口按钮,这样创建的新窗口就会根椐按钮的位置进行调整,实例中将创建的新窗口显示的按钮的右下角。

2,获取对象元素的位置(offset()方法)
var offset = obj.offset();
获取对象元素的位置,分别是元素的top和left,调用方法是:offset.left和offset.top,可知当前对象的左部和顶部位置。

3,获取对象元素的宽度(width()方法)
var right = offset.left+obj.width();
实例中是获取对象的右下角位置,创建新窗口的左部位置。

4,获取对象元素的高度(height()方法)
var down = offset.top+obj.height();
实例中是获取对象的右下角位置,创建新窗口的顶部位置

Javascript 相关文章推荐
JS 如果改变span标签的是否隐藏属性
Oct 06 Javascript
javascript实现简单的Map示例介绍
Dec 23 Javascript
jQuery使用andSelf()来包含之前的选择集
May 19 Javascript
在JS中操作时间之getUTCMilliseconds()方法的使用
Jun 10 Javascript
jquery实现简单手风琴菜单效果实例
Jun 13 Javascript
探讨JavaScript中的Rest参数和参数默认值
Jul 29 Javascript
AngularJS基于ngInfiniteScroll实现下拉滚动加载的方法
Dec 14 Javascript
微信小程序实战之仿android fragment可滑动底部导航栏(4)
Apr 16 Javascript
vue+SSM实现验证码功能
Dec 07 Javascript
Webpack中SplitChunksPlugin 配置参数详解
Mar 24 Javascript
vant 时间选择器--开始时间和结束时间实例
Nov 04 Javascript
node.js如何自定义实现一个EventEmitter
Jul 16 Javascript
Extjs优化(二)Form表单提交通用实现
Apr 15 #Javascript
ANT 压缩(去掉空格/注释)JS文件可提高js运行速度
Apr 15 #Javascript
Extjs优化(一)删除冗余代码提高运行速度
Apr 15 #Javascript
Extjs Gird 支持中文拼音排序实现代码
Apr 15 #Javascript
jquery+css+ul模拟列表菜单具体实现思路
Apr 15 #Javascript
js作用域及作用域链概念理解及使用
Apr 15 #Javascript
利用百度地图JSAPI生成h7n9禽流感分布图实现代码
Apr 15 #Javascript
You might like
PHP函数utf8转gb2312编码
2006/12/21 PHP
一个更简单的无限级分类菜单代码
2007/01/16 PHP
PHP基于redis计数器类定义与用法示例
2018/02/08 PHP
Aster vs KG BO3 第一场2.19
2021/03/10 DOTA
javascript showModalDialog,open取得父窗口的方法
2010/03/10 Javascript
location.search在客户端获取Url参数的方法
2010/06/08 Javascript
禁用键盘上的(全局)指定键兼容iE、Chrome、火狐
2013/05/14 Javascript
使用js实现雪花飘落效果
2013/08/26 Javascript
js中的this关键字详解
2013/09/25 Javascript
Javascript毫秒数用法实例
2015/02/05 Javascript
JavaScript使用Max函数返回两个数字中较大数的方法
2015/04/06 Javascript
纯JavaScript基于notie.js插件实现消息提示特效
2016/01/18 Javascript
很实用的js选项卡切换效果
2016/08/12 Javascript
vue-router实现组件间的跳转(参数传递)
2017/11/07 Javascript
vue实现导航栏效果(选中状态刷新不消失)
2017/12/13 Javascript
简述vue中的config配置
2018/01/23 Javascript
使用原生js编写一个简单的框选功能方法
2019/05/13 Javascript
vue登录以及权限验证相关的实现
2019/10/25 Javascript
Vue filter 过滤当前时间 实现实时更新效果
2019/12/20 Javascript
在vue中实现嵌套页面(iframe)
2020/07/30 Javascript
如何准确判断请求是搜索引擎爬虫(蜘蛛)发出的请求
2015/10/13 Python
Python使用分布式锁的代码演示示例
2018/07/30 Python
对python以16进制打印字节数组的方法详解
2019/01/24 Python
Pytorch加载部分预训练模型的参数实例
2019/08/18 Python
基于python3的socket聊天编程
2020/02/17 Python
美国在线打印网站:Overnight Prints
2018/10/11 全球购物
给国外客户的邀请函
2014/01/30 职场文书
电力安全事故反思
2014/04/27 职场文书
赞美老师的演讲稿
2014/05/22 职场文书
献爱心大型公益活动策划方案
2014/09/15 职场文书
学校2014重阳节活动策划方案
2014/09/16 职场文书
答谢词范文
2015/01/05 职场文书
秋收起义观后感
2015/06/11 职场文书
生产设备维护保养制度
2015/08/06 职场文书
幼儿园保育员随笔
2015/08/14 职场文书
剑指Offer之Java算法习题精讲二叉树的构造和遍历
2022/03/21 Java/Android