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中文網其他相關文章！
