jquery获得页面元素的坐标值实现思路及代码
更新时间：2013年04月15日 14:54:01 作者：
获得页面元素的坐标值也是一项比较实用的功能，接下来为大家详细介绍下如何实现，yulutxt是输入经典语录的输入框feedBackMessage函数为执行
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();
实例中是获取对象的右下角位置，创建新窗口的顶部位置
复制代码 代码如下:
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();
实例中是获取对象的右下角位置，创建新窗口的顶部位置
相关文章
这篇文章主要帮助大家轻松实现jquery选项卡切换效果,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
jQuery扁平化风格下拉框美化插件FancySelect使用指南
这篇文章主要介绍了jQuery扁平化风格下拉框美化插件FancySelect使用指南,需要的朋友可以参考下2015-02-02
今天遇到一个问题需要获取tagName，使用jquery，查询了一下，大家说用$("dd").attr("tagName")能获取到，但是得到的返回值是undefined，于是又查询饿了许久，返回遍历了一下jquery封装的对象2011-11-11
JQuery中$.ajax()方法想必大家并不陌生吧，在本文将为大家介绍下其参数及应用示例，感兴趣的朋友不要错过2013-12-12
之前用javascript做个计数器，从网上搜了搜，找不到合适的，就想着用jquery自己做一个2010-08-08
这篇文章主要介绍了Jquery实现瀑布流布局的方法,可实现图片的动态加载功能,且代码备有详细注释便于理解,需要的朋友可以参考下2015-07-07
这篇文章主要介绍了jquery的live使用注意事项,需要的朋友可以参考下2014-02-02
测试代码如下,本例子中设置的着色比较多，哈，都是随便输些数字进去的，感觉这样更容易让大家看到效果，呵，如果我的讲的有哪不好麻烦大家多留言教导下^^2009-07-07
jQuery.form.js插件不能解决连接超时(timeout)的原因分析及解决方法
jQuery.form.js是一个form插件，支持ajax表单提交和ajax文件上传。最近在使用jquery.form.js提交包含文件的表单时，当碰上网速较慢时，而我们又设置了timeout时我们的页面会死在这里，怎么回事呢，下面脚本之家小编给大家解答下2016-10-10
表头固定应该是一个用得比较多的功能，参考了网上几个例子，在几个常用浏览器下显示不是很完美2012-11-11
最新评论