經常要獲取某個元素的相對位置來做某些jquery特效,left和top也是我們經常用到的css屬性,下面是對left和top的解釋:
值為auto : 無特殊定位,根據HTML定位規則載文檔流中分配
值為length :由浮點數字和單位標識符組成的長度值 | 百分數。必須定義position屬性值為absolute或者relative此取值方可生效。
css的left和top屬性指的是距最近的一個position屬性為relative或者absolute的父級元素的左邊后上邊的距離,
明白了css的left和top的含義,可以看下jquery獲取css的值,因為left和top也都是普通的css屬性所以可以使用如下代碼來獲取
var left = $('#test').css('left'); var top = $('#test').css('top');
當然這樣獲取的是一個字符串,如果們想直接取得對象的left和top的像素值,可以通過position方法來獲取
var left = $('#test').position().left; var top = $('#test').position().top;
jquery獲取left和top值,一般都用第二種方法,因為我們直接獲取了left和top的像素值,可以直接用於計算,免去了通過函數praseInt轉換的麻煩,如果要設置css的left和top屬性,可以看jquery設置css。
全文:http://www.jquerycn.cn/a_85