jquery獲取設定元素寬高位置height()、width()、offset()、position()、scrollTop()、scrollLeft()
阿新 • • 發佈:2018-12-25
全棧工程師開發手冊 (作者:欒鵬)
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); //獲取元素的滾動條距左端的距離,也可以通過引數設定滾動左邊的距離