jquery獲取元素在瀏覽器中位置的方法有哪些

發布時間：2020-08-31 11:39:05 來源：億速云閱讀：308 作者：小新欄目：web開發

這篇文章主要介紹了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獲取元素在瀏覽器中位置的方法有哪些內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!

向AI問一下細節

中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站