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 相关文章推荐
JavaScript 调试器简介
Feb 21 Javascript
jquery text()要注意啦
Oct 30 Javascript
asp.net中System.Timers.Timer的使用方法
Mar 20 Javascript
深入理解JavaScript系列(37):设计模式之享元模式详解
Mar 04 Javascript
JavaScript实现鼠标点击后层展开效果的方法
May 13 Javascript
JS实战篇之收缩菜单表单布局
Dec 10 Javascript
js操作浏览器的参数方法
Jan 21 Javascript
浅谈通过JS拦截 pushState和replaceState事件
Jul 21 Javascript
如何理解Vue的v-model指令的使用方法
Jul 19 Javascript
vue本地打开build后生成的dist文件夹index.html问题
Sep 04 Javascript
Swiper实现导航栏滚动效果
Oct 16 Javascript
Vant+postcss-pxtorem 实现浏览器适配功能
Feb 05 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数组内存耗用太多问题的解决方法
2010/04/05 PHP
PHP array操作10个小技巧分享
2011/06/23 PHP
利用php实现一周之内自动登录存储机制(cookie、session、localStorage)
2016/10/31 PHP
让插入到 innerHTML 中的 script 跑起来的实现代码
2006/07/01 Javascript
判断脚本加载是否完成的方法
2009/05/26 Javascript
picChange 图片切换特效的函数代码
2010/05/06 Javascript
关于jquery append() html时的小问题的解决方法
2010/12/16 Javascript
jQuery点击后一组图片左右滑动的实现代码
2012/08/16 Javascript
js 回车提交表单两种实现方法
2012/12/31 Javascript
js简单实现调整网页字体大小的方法
2016/07/23 Javascript
node.js学习之base64编码解码
2016/10/21 Javascript
Vue分页组件实例代码
2017/04/17 Javascript
bootstrap表单示例代码分享
2017/05/18 Javascript
Bootstrap table使用方法汇总
2017/11/17 Javascript
zTree节点文字过多的处理方法
2017/11/24 Javascript
详解Vue、element-ui、axios实现省市区三级联动
2019/05/07 Javascript
原生js无缝轮播插件使用详解
2020/03/09 Javascript
[01:18:36]LGD vs VP Supermajor 败者组决赛 BO3 第一场 6.10
2018/07/04 DOTA
Python爬虫框架Scrapy实战之批量抓取招聘信息
2015/08/07 Python
Python使用SocketServer模块编写基本服务器程序的教程
2016/07/12 Python
django中静态文件配置static的方法
2018/05/20 Python
django rest framework 数据的查找、过滤、排序的示例
2018/06/25 Python
Python 变量类型详解
2018/10/10 Python
浅谈python常用程序算法
2019/03/22 Python
使用python os模块复制文件到指定文件夹的方法
2019/08/22 Python
Django中密码的加密、验密、解密操作
2019/12/19 Python
Python调用系统命令os.system()和os.popen()的实现
2020/12/31 Python
大学生自我鉴定范文模板
2014/01/21 职场文书
项目经理聘任书
2014/03/29 职场文书
大学生英语演讲稿
2014/04/24 职场文书
竞聘演讲稿开场白
2014/08/25 职场文书
申报材料格式
2014/12/30 职场文书
给老婆的检讨书1000字
2015/01/01 职场文书
拾金不昧感谢信范文
2015/01/21 职场文书
幼儿园教师培训心得体会
2016/01/21 职场文书
mysql定时自动备份数据库的方法步骤
2021/07/07 MySQL