有一個dom元素,它的position屬性值為absolute,要通過jquery設置它的位置。
我們可以通過三種方法設置該元素的top和left值,設置這兩個屬性的值時,元素的position屬性必須為absolute或relative。
第一種:使用jQuery對象的css方法,使用該方法可以直接把對象的位置設定到指定的地方,指定哪個位置就是哪個位置。
第二種:使用jQuery對象的offset方法,使用該方法時要注意,offset方法的作用是獲取或設置匹配元素在當前視口的相對偏移。這句話粗一看也是設定元素位置,但其實跟使用css方法有所不同。注意“偏移”這兩個字,使用offset方法設置位置時,該元素會相對於原來的位置偏移指定的距離,即會跟原來的位置累加,而不是直接把元素設置在指定的位置上。
第三種:使用jQuery對象的position方法,該方法跟offset方法一樣,同樣是設定相對偏移,但position是設置元素相對於父元素的偏移,而offset方法是設置元素相對於整個瀏覽器的位置偏移。