1. 程式人生 > >jquery獲取設定元素寬高位置height()、width()、offset()、position()、scrollTop()、scrollLeft()

jquery獲取設定元素寬高位置height()、width()、offset()、position()、scrollTop()、scrollLeft()

全棧工程師開發手冊 (作者:欒鵬)

jquery獲取設定元素寬高位置

jquery的通過height()、width()、offset()、position()、scrollTop()、scrollLeft()等函式獲取和設定元素寬高,具體功能如程式碼中註釋。

程式碼如下:

var width = $cr.width();                                        //讀取寬高相關樣式:height、width、innerHeight、innerWidth、outerHeight、outerWidth
$cr.width(800);                                                 //設定寬高相關樣式:height、width、innerHeight、innerWidth、outerHeight、outerWidth
var offset = $cr.offset(); //偏移類。獲取元素在當前視窗中的相對偏移,只對可見元素有效,包含offset.left和offset.top兩個屬性 var position = $cr.position(); //位置類。獲取元素相對於最近的一個position屬性設定為relative或absolute的祖父節點的相對偏移,包含position.left和position.top兩個屬性 $cr.scrollTop(); //獲取元素的滾動條距頂端的距離
$cr.scrollLeft(300); //獲取元素的滾動條距左端的距離,也可以通過引數設定滾動左邊的距離