jquery中使用css，offset和position設定top和left屬性

標籤：使用   os   io   re   c   jquery   

有一個dom元素，它的position屬性值為absolute，要通過jquery設定它的位置。

我們可以通過三種方法設定該元素的top和left值，設定這兩個屬性的值時，元素的position屬性必須為absolute或relative。

第一種：使用jQuery對象的css方法，使用該方法可以直接把對象的位置設定到指定的地方，指定哪個位置就是哪個位置。

第二種：使用jQuery對象的offset方法，使用該方法時要注意，offset方法的作用是擷取或設定匹配元素在當前視口的相對位移。這句話粗一看也是設定元素位置，但其實跟使用css方法有所不同。注意“位移”這兩個字，使用offset方法設定位置時，該元素會相對於原來的位置位移指定的距離，即會跟原來的位置累加，而不是直接把元素設定在指定的位置上。

第三種：使用jQuery對象的position方法，該方法跟offset方法一樣，同樣是設定相對位移，但position是設定元素相對於父元素的位移，而offset方法是設定元素相對於整個瀏覽器的位置位移。