jquery獲得頁面元素的坐標(biāo)值實現(xiàn)思路及代碼
更新時間：2013年04月15日 14:54:01 作者：
獲得頁面元素的坐標(biāo)值也是一項比較實用的功能，接下來為大家詳細介紹下如何實現(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)建的新窗口就會根椐按鈕的位置進行調(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)建的新窗口就會根椐按鈕的位置進行調(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)文章
由于在園子里還沒發(fā)現(xiàn)這方面的文章，所以就來簡單地介紹一下，本文只是簡單的歸納介紹，不是完整的翻譯，全文請參考原文2012-08-08
$.each是一個通用的迭代函數(shù)，可用于近似地迭代 對象和數(shù)組，這個函數(shù)與$().each是專用用于迭代和執(zhí)行jquery對象函數(shù)2014-03-03
jQuery擴展方法實現(xiàn)Form表單與Json互相轉(zhuǎn)換的實例代碼
本文通過實例代碼給大家介紹了jQuery擴展方法實現(xiàn)Form表單與Json互相轉(zhuǎn)換的相關(guān)知識，并給大家介紹了jquery兩種擴展方法,需要的朋友可以參考下2018-09-09
這篇文章主要介紹了jQuery獲取瀏覽器類型和版本號的方法 的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
jQuery attr()方法用于設(shè)置/改變屬性值，下面的例子演示如何改變（設(shè)置）鏈接中 href 屬性的值2014-01-01
jQuery+Datatables實現(xiàn)表格批量刪除功能【推薦】
這篇文章主要介紹了jQuery+Datatables實現(xiàn)表格批量刪除功能，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2018-10-10
基于jQuery實現(xiàn)響應(yīng)式圓形圖片輪播特效
這篇文章主要介紹了基于jQuery實現(xiàn)響應(yīng)式圓形圖片輪播特效，mislider插件可以將圖片以圓形圖片顯示，然后使圖片無限循環(huán)形成輪播圖或旋轉(zhuǎn)木馬特效，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了 jQuery自定義插件詳解及實例代碼的相關(guān)資料,需要的朋友可以參考下2016-12-12
隨著DOM結(jié)構(gòu)的復(fù)雜化和Ajax等動態(tài)腳本技術(shù)的運用，事件委托自然浮出了水面2011-11-11
很多網(wǎng)站的首頁都有廣告輪播，今天閑來看了一網(wǎng)站的首頁廣告輪播方式，是通過 jQuery的blockSlide插件實現(xiàn)的，然后自己測試了一下，很好。2010-11-11