jquery獲得頁面元素的坐標(biāo)值實現(xiàn)思路及代碼
更新時間：2013年04月15日 14:54:01 作者：
獲得頁面元素的坐標(biāo)值也是一項比較實用的功能，接下來為大家詳細(xì)介紹下如何實現(xiàn)，yulutxt是輸入經(jīng)典語錄的輸入框feedBackMessage函數(shù)為執(zhí)行
jquery如何獲得頁面元素的坐標(biāo)值 yulutxt是輸入經(jīng)典語錄的輸入框，feedBackMessage函數(shù)見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，獲取對象(自定義調(diào)整打開新窗口參照元素)
var obj = $("#oButton");
實例中我獲取的對象是彈出窗口按鈕，這樣創(chuàng)建的新窗口就會根椐按鈕的位置進(jìn)行調(diào)整，實例中將創(chuàng)建的新窗口顯示的按鈕的右下角。
2，獲取對象元素的位置(offset()方法)
var offset = obj.offset();
獲取對象元素的位置，分別是元素的top和left，調(diào)用方法是：offset.left和offset.top，可知當(dāng)前對象的左部和頂部位置。
3，獲取對象元素的寬度(width()方法)
var right = offset.left+obj.width();
實例中是獲取對象的右下角位置，創(chuàng)建新窗口的左部位置。
4，獲取對象元素的高度(height()方法)
var down = offset.top+obj.height();
實例中是獲取對象的右下角位置，創(chuàng)建新窗口的頂部位置
復(fù)制代碼 代碼如下:
var p = $("#yulutxt");
var yuluoffset = p.offset();
feedBackMessage(msg,yuluoffset.left+p.width()+10,yuluoffset.top,5000);
-------------------
1，獲取對象(自定義調(diào)整打開新窗口參照元素)
var obj = $("#oButton");
實例中我獲取的對象是彈出窗口按鈕，這樣創(chuàng)建的新窗口就會根椐按鈕的位置進(jìn)行調(diào)整，實例中將創(chuàng)建的新窗口顯示的按鈕的右下角。
2，獲取對象元素的位置(offset()方法)
var offset = obj.offset();
獲取對象元素的位置，分別是元素的top和left，調(diào)用方法是：offset.left和offset.top，可知當(dāng)前對象的左部和頂部位置。
3，獲取對象元素的寬度(width()方法)
var right = offset.left+obj.width();
實例中是獲取對象的右下角位置，創(chuàng)建新窗口的左部位置。
4，獲取對象元素的高度(height()方法)
var down = offset.top+obj.height();
實例中是獲取對象的右下角位置，創(chuàng)建新窗口的頂部位置
相關(guān)文章
這篇文章主要幫助大家輕松實現(xiàn)jquery選項卡切換效果,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
jQuery扁平化風(fēng)格下拉框美化插件FancySelect使用指南
這篇文章主要介紹了jQuery扁平化風(fēng)格下拉框美化插件FancySelect使用指南,需要的朋友可以參考下2015-02-02
今天遇到一個問題需要獲取tagName，使用jquery，查詢了一下，大家說用$("dd").attr("tagName")能獲取到，但是得到的返回值是undefined，于是又查詢餓了許久，返回遍歷了一下jquery封裝的對象2011-11-11
JQuery中$.ajax()方法參數(shù)詳解及應(yīng)用
JQuery中$.ajax()方法想必大家并不陌生吧，在本文將為大家介紹下其參數(shù)及應(yīng)用示例，感興趣的朋友不要錯過2013-12-12
基于JQuery的數(shù)字改變的動畫效果--可用來做計數(shù)器
之前用javascript做個計數(shù)器，從網(wǎng)上搜了搜，找不到合適的，就想著用jquery自己做一個2010-08-08
Jquery實現(xiàn)瀑布流布局（備有詳細(xì)注釋）
這篇文章主要介紹了Jquery實現(xiàn)瀑布流布局的方法,可實現(xiàn)圖片的動態(tài)加載功能,且代碼備有詳細(xì)注釋便于理解,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了jquery的live使用注意事項,需要的朋友可以參考下2014-02-02
測試代碼如下,本例子中設(shè)置的著色比較多，哈，都是隨便輸些數(shù)字進(jìn)去的，感覺這樣更容易讓大家看到效果，呵，如果我的講的有哪不好麻煩大家多留言教導(dǎo)下^^2009-07-07
jQuery.form.js插件不能解決連接超時(timeout)的原因分析及解決方法
jQuery.form.js是一個form插件，支持ajax表單提交和ajax文件上傳。最近在使用jquery.form.js提交包含文件的表單時，當(dāng)碰上網(wǎng)速較慢時，而我們又設(shè)置了timeout時我們的頁面會死在這里，怎么回事呢，下面腳本之家小編給大家解答下2016-10-10
表頭固定應(yīng)該是一個用得比較多的功能，參考了網(wǎng)上幾個例子，在幾個常用瀏覽器下顯示不是很完美2012-11-11