jquery如何取得元素在瀏覽器中的位置?有哪些方法

jquery如何取得元素在瀏覽器中的位置？相信有很多剛接觸jquery的朋友都會有這樣的疑問。本章就跟大家介紹jquery如何取得元素在瀏覽器中的位置?有哪些方法。有一定的參考價值，有需要的朋友可以參考一下，希望對你們有幫助。

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();

實例中是取得物件的右下角位置，建立新視窗的頂端位置。

5、定義CSS樣式，分別設定左部和頂部。

‘left’:right,
‘top’:down,

要注意CSS樣式中margin和padding的值，以及瀏覽器IE與firefox相容等效果。

結合上面實例，jQuery取得元素位置以及高度與寬度非常簡單，透過內建方法offset()，width()和height()實現我們的動態調整開啟新視窗功能，對於其它擴展應用來說也一樣，了解jQuery取得元素位置以及高度與寬度方法，對於建立新元素，調整元素位置與大小，將非常實用。

以上就是jquery如何取得元素在瀏覽器中的位置?有哪些方法的完整介紹，如果您想了解更多關於JavaScript影片教學，請關注PHP中文網。

以上是jquery如何取得元素在瀏覽器中的位置?有哪些方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！