1，獲取對象

var obj = $("#id號"); 或  var obj = $(this);

實例中我獲取的對象是彈出窗口按鈕，這樣創建的新窗口就會根椐按鈕的位置進行調整，實例中將創建的新窗口顯示的按鈕的右下角。   

  

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

實例中是獲取對象的右下角位置，創建新窗口的頂部位置。

另外：

$(".btn1").click(function(){
  x=$("p").position();
  $("#span1").text(x.left);
  $("#span2").text(x.top);
});

定義和用法

position() 方法返回匹配元素相對于父元素的位置（偏移）。

該方法返回的對象包含兩個整型屬性：top 和 left，以像素計。

此方法只對可見元素有效。

這是以前在別的文章系統記錄的筆記，現在轉存到CSDN.
此文章屬轉載他人文章，但是轉載地址以前沒記錄，請筆者原諒，如果有侵犯到您的任何權益請聯系本人，本人會第一時間刪除。