溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了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獲取元素在瀏覽器中位置的方法有哪些內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
