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 相关文章推荐
jquery 的 $("#id").html() 无内容的解决方法
Jun 07 Javascript
基于jQuery捕获超链接事件进行局部刷新代码
May 10 Javascript
常用的几段javascript代码分享
Mar 25 Javascript
jquery跟js初始化加载的多种方法及区别介绍
Apr 02 Javascript
15个jquery常用方法、小技巧分享
Jan 13 Javascript
JS实现简单的键盘打字的效果
Apr 24 Javascript
javascript基础知识分享之类与函数化
Feb 13 Javascript
bootstrap datetimepicker 日期插件在火狐下出现一条报错信息的原因分析及解决办法
Mar 08 Javascript
浅谈JS获取元素的N种方法及其动静态讨论
Aug 25 Javascript
vue实现简单的星级评分组件源码
Nov 16 Javascript
Layui多选只有最后一个值的解决方法
Sep 02 Javascript
关于vue项目中搜索节流的实现代码
Sep 17 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
《忧国的莫里亚蒂》先导宣传图与STAFF公开
2020/03/04 日漫
php fsockopen中多线程问题的解决办法[翻译]
2011/11/09 PHP
php数组合并的二种方法
2014/03/21 PHP
php计算两个整数的最大公约数常用算法小结
2015/03/05 PHP
PHP树-不需要递归的实现方法
2016/06/21 PHP
php获取数据库结果集方法(推荐)
2017/06/01 PHP
Laravel框架处理用户的请求操作详解
2019/12/20 PHP
关于flash遮盖div浮动层的解决方法
2010/07/17 Javascript
javascript 判断中文字符长度的函数代码
2012/08/27 Javascript
javascript中全局对象的isNaN()方法使用介绍
2013/12/19 Javascript
JS delegate与live浅析
2013/12/21 Javascript
js canvas实现擦除动画
2016/07/16 Javascript
Bootstrap导航条的使用和理解3
2016/12/14 Javascript
javascript实现复选框全选或反选
2017/02/04 Javascript
vue指令以及dom操作详解
2017/03/04 Javascript
Javascript中类式继承和原型式继承的实现方法和区别之处
2017/04/25 Javascript
vue 实现setInterval 创建和销毁实例
2020/07/21 Javascript
JavaScript 空间坐标的使用
2020/08/19 Javascript
如何使用 JavaScript 操作浏览器历史记录 API
2020/11/24 Javascript
Python读取Word(.docx)正文信息的方法
2018/03/15 Python
Python使用pip安装pySerial串口通讯模块
2018/04/20 Python
windows下安装Python的XlsxWriter模块方法
2018/05/03 Python
详解python做UI界面的方法
2019/02/27 Python
详解Python3序列赋值、序列解包
2019/05/14 Python
基于django ManyToMany 使用的注意事项详解
2019/08/09 Python
python实现简单井字棋游戏
2020/03/04 Python
利用Python将多张图片合成视频的实现
2020/11/23 Python
Python基于unittest实现测试用例执行
2020/11/25 Python
CSS 3.0文字悬停跳动特效代码
2020/10/26 HTML / CSS
手工制作的意大利太阳镜和光学元件:Illesteva
2019/01/19 全球购物
Oasis服装官网:时尚女装在线
2020/07/09 全球购物
中文系学生自荐信范文
2013/11/13 职场文书
英语简历自我评价
2014/01/26 职场文书
党的群众路线剖析材料
2014/10/09 职场文书
2015年医生个人工作总结
2015/04/25 职场文书
Mysql8.0递归查询的简单用法示例
2021/08/04 MySQL