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下获取div中的数据的原理分析
Apr 07 Javascript
js中split和replace的用法实例
Feb 28 Javascript
javascript版2048小游戏
Mar 18 Javascript
js使用split函数按照多个字符对字符串进行分割的方法
Mar 20 Javascript
[原创]JQuery 在表单提交之前修改 提交的值
Apr 14 Javascript
微信小程序 wxapp内容组件 progress详细介绍
Oct 31 Javascript
详解vue项目打包后通过百度的BAE发布到网上的流程
Mar 05 Javascript
JavaScript实现创建自定义对象的常用方式总结
Jul 09 Javascript
JS中的算法与数据结构之链表(Linked-list)实例详解
Aug 20 Javascript
如何在vue中使用jointjs过程解析
May 29 Javascript
vue render函数动态加载img的src路径操作
Oct 26 Javascript
如何在 Vue 中使用 JSX
Feb 14 Vue.js
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
一个取得文件扩展名的函数
2006/10/09 PHP
php 调试利器debug_print_backtrace()
2012/07/23 PHP
解析php扩展php_curl.dll不加载的解决方法
2013/06/26 PHP
关于url地址传参数时字符串有回车造成页面脚本赋值失败的解决方法
2013/06/28 PHP
php伪静态之APACHE篇
2014/06/02 PHP
Yii中创建自己的Widget实例
2016/01/05 PHP
Yii2框架制作RESTful风格的API快速入门教程
2016/11/08 PHP
PHP魔术方法之__call与__callStatic使用方法
2017/07/23 PHP
CheckBox 如何实现全选?
2006/06/23 Javascript
javascript getElementsByClassName实现代码
2010/10/11 Javascript
javascript学习笔记(十二) RegExp类型介绍
2012/06/20 Javascript
深入解析contentWindow, contentDocument
2013/07/04 Javascript
javascript中比较字符串是否相等的方法
2013/07/23 Javascript
JS实现拖动示例代码
2013/11/01 Javascript
JS字符串截取函数实例
2013/12/27 Javascript
Jquery动态添加及删除页面节点元素示例代码
2014/06/16 Javascript
js实现的二分查找算法实例
2016/01/21 Javascript
浅谈jquery设置和获得checkbox选中的问题
2016/08/19 Javascript
手把手教你vue-cli单页到多页应用的方法
2018/05/31 Javascript
JavaScript中为事件指定处理程序的五种方式分析
2018/07/27 Javascript
Angular动态绑定样式及改变UI框架样式的方法小结
2018/09/03 Javascript
python复制与引用用法分析
2015/04/08 Python
Django 跨域请求处理的示例代码
2018/05/02 Python
Python实战之制作天气查询软件
2019/05/14 Python
python中删除某个元素的方法解析
2019/11/05 Python
python实现自动化报表功能(Oracle/plsql/Excel/多线程)
2019/12/02 Python
python 实现保存最新的三份文件,其余的都删掉
2019/12/22 Python
Tensorflow之MNIST CNN实现并保存、加载模型
2020/06/17 Python
描述一下JVM加载class文件的原理机制
2013/12/08 面试题
童装店创业计划书
2014/01/09 职场文书
生产厂长岗位职责
2014/02/21 职场文书
预备党员学习十八届三中全会精神思想汇报
2014/09/13 职场文书
销售员未完成销售业绩的检讨书
2014/10/12 职场文书
工作试用期自我评价
2015/03/10 职场文书
2015年检验员工作总结范文
2015/04/30 职场文书
Python中的变量与常量
2021/11/11 Python