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 相关文章推荐
node.js中的http.response.addTrailers方法使用说明
Dec 14 Javascript
Jquery插件实现点击获取验证码后60秒内禁止重新获取
Mar 13 Javascript
js正则表达式匹配数字字母下划线等
Apr 14 Javascript
JavaScript 封装一个tab效果源码分享
Sep 15 Javascript
快速使用Bootstrap搭建传送带
May 06 Javascript
node.js cookie-parser 中间件介绍
Jun 06 Javascript
AngularJS基础 ng-open 指令简单实例
Aug 02 Javascript
jQuery Chosen通用初始化
Mar 07 Javascript
vue.js实现回到顶部动画效果
Jul 31 Javascript
微信头像地址失效踩坑记附带解决方案
Sep 23 Javascript
vue实现弹幕功能
Oct 25 Javascript
vue中实现点击按钮滚动到页面对应位置的方法(使用c3平滑属性实现)
Dec 29 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框架Symfony2经典入门教程
2014/07/08 PHP
PHP生成随机数的方法实例分析
2015/01/22 PHP
linux下php上传文件注意事项
2016/06/11 PHP
PHP实现提高SESSION响应速度的几种方法详解
2019/08/09 PHP
使用Modello编写JavaScript类
2006/12/22 Javascript
jQuery的链式调用浅析
2010/12/03 Javascript
JavaScript 变量作用域分析
2011/07/04 Javascript
CheckBoxList多选样式jquery、C#获取选择项
2013/09/06 Javascript
javascript获取ckeditor编辑器的值(实现代码)
2013/11/18 Javascript
jquery使用append(content)方法注意事项分享
2014/01/06 Javascript
javascript操作select元素实例分析
2015/03/27 Javascript
Bootstrap富文本组件wysiwyg数据保存到mysql的方法
2016/05/09 Javascript
js中获取时间new Date()的全面介绍
2016/06/20 Javascript
DOM 事件的深入浅出(一)
2016/12/05 Javascript
JavaScript数据结构之二叉树的遍历算法示例
2017/04/13 Javascript
vue中eslintrc.js配置最详细介绍
2018/12/21 Javascript
使用VueRouter的addRoutes方法实现动态添加用户的权限路由
2019/06/03 Javascript
JavaScript 格式化数字、金额、千分位、保留几位小数、舍入舍去
2019/07/23 Javascript
JavaScript快速调试的两个技巧
2020/11/04 Javascript
JavaScript实现简单动态表格
2020/12/02 Javascript
[01:46]2020完美世界全国高校联赛秋季赛报名开启
2020/10/15 DOTA
python基于BeautifulSoup实现抓取网页指定内容的方法
2015/07/09 Python
使用Python读写及压缩和解压缩文件的示例
2016/07/08 Python
Python 类的继承实例详解
2017/03/25 Python
python在每个字符后添加空格的实例
2018/05/07 Python
python如何删除文件中重复的字段
2019/07/16 Python
flask框架蓝图和子域名配置详解
2020/01/25 Python
python使用PIL剪切和拼接图片
2020/03/23 Python
Python通过两个dataframe用for循环求笛卡尔积
2020/04/29 Python
无畏的旅行:Intrepid Travel
2017/12/20 全球购物
美国在线面料商店:Fashion Fabrics Club
2020/01/31 全球购物
财务总监岗位职责
2014/03/07 职场文书
长城的导游词
2015/01/30 职场文书
2015年教师业务工作总结
2015/05/26 职场文书
同学会演讲稿
2019/04/02 职场文书
Mysql服务添加 iptables防火墙策略的方案
2021/04/29 MySQL