首頁 > 網際網路

jquery設定元素高度

2019-12-11 11:24:44

有兩種方法獲取與設定div的寬高:使用尺寸函數或使用css方法.感興趣的小夥伴們隨小編一起看看吧。


1

獲取寬高

尺寸函數:height() 獲取高度,width() 獲取寬度

css獲取div寬高:css("height")獲取高度,css("width")獲取寬度


2

區別:尺寸函數獲取的值為整型,而css獲取的值為帶px的字串


3

兩種彈出的值為:

div寬:100;div高:100

div寬:100px;div高:100px


4

設定寬高

第一種方法:使用尺寸函數設定 height(10) width(10)

第二種方法:使用css函數設定


5

css({"width":"10px","height":"10px"})//使用css設定多個屬性時,放在大括號中屬性間用逗號分隔

css("width","10px")//使用css設定單個屬性時,將屬性名稱與屬性值使用逗號分隔(不需要放到大括號中)


6

第三種方法:使用animate設定(具體用法在下個文章中)

.animate({width:"10px",height:"10px"},4000);//使用animate與css的引數不同之處在於:animate引數的屬性名稱不需要用引號擴起來



IT145.com E-mail:sddin#qq.com