jQuery 獲取與設定div的寬高

2021-09-01 15:44:41 字數 1271 閱讀 2776

jquery獲取與設定div的寬高的方法有兩種:

1. 使用尺寸函式

2. 使用css方法

獲取寬高

1. 尺寸函式:

height() 獲取高度,width() 獲取寬度

2. css獲取div寬高:

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

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

$(".divclass").click(function() );
兩種方法彈出的值分別為:

div寬:100;div高:100

div寬:100px;div高:100px

設定寬高

第一種方法:使用尺寸函式設定

div.height(100);

div.width(100);

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

div.css(); //使用css設定多個屬性時,放在大括號中屬性間用逗號分隔

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

第三種方法:使用animate設定

//使用animate與css的方法不同之處在於:animate引數的屬性名稱不需要用引號包起來

div.animate(, 1000);

$("#update").click(function() );

// 3. 使用函式鏈的方式寫**

// 注:使用css設定單個樣式時,引數為css("width", divwidth+"px") 逗號分割

$(".div").css("width", divwidth+"px").css("height", divheight+"px");

// 4. 使用不同函式的函式鏈

$(".div").css("width", divwidth+"px").height(divheight);

// 5.animate()動畫 寬高一塊改變

$(".div").animate(, 4000);

// 6.animate()動畫 先改變寬,再改變高

$(".div").animate(, 4000).animate(, 4000);

});

jquery屬性的獲取與設定

最近做新的 包發現對jquery和js有乙個提公升,呵呵噠。沒什麼提公升的感覺。最近用的比較多的又是tab切換,不過好像前端時間很忙一直沒有貼出 來。清除浮動,等價於 被切換的內容塊 給open屬性設定diaplay block 被切換的內容塊 被切換的內容塊 js 新的 包的backtotop過渡...

jquery 獲取div的寬高

寬度 div width 區塊的本身寬度 div outerwidth 區塊的寬度 padding寬度 border寬度 div outerwidth true 區塊的寬度 padding寬度 border寬度 margin的寬度 高度 div height 區塊的本身高度 div outerhei...

jquery裡面獲取div區塊的寬度與高度

獲取寬度 div width 獲取 區塊的本身寬度 div outerwidth 獲取 區塊的寬度 padding寬度 border寬度 div outerwidth true 獲取 區塊的寬度 padding寬度 border寬度 margin的寬度 獲取高度 div height 獲取 區塊的本...