使用jquery獲取css的top和left屬性


經常要獲取某個元素的相對位置來做某些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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM