js/jQuery获取/设置div的高度,宽度···
2018-09-20 本文已影响24人
de_self
js/jQuery获取/设置html标签的高度等css属性·
$(".out-div").height($(window).height() - $("#topDiv").height());
这是jquery中设置与获取高度的方法。
$("#update").click(function() {
var divw = $("#w").val();
var divh = $("#h").val();
// 1. 使用width() height()方法来设置div宽高
$(".div1").width(divw).height(divh);
// 2. 使用css的方式来设置宽高
$(".div1").css({"width":divw+"px","height":divh+"px"});
// 3. 使用函数链的方式写代码
// 注:使用css设置单个样式时,参数为css("width",divw+"px") 逗号分割
$(".div1").css("width",divw+"px").css("height",divh+"px");
// 4. 使用不同函数的函数链
$(".div1").css("width",divw+"px").height(divh);
// 5.animate()动画 宽高一块改变
$(".div1").animate({width:divw+"px",height:divh+"px"},4000);
// 6.animate()动画 先改变宽,再改变高
$(".div1").animate({width:divw+"px"},4000).animate({height:divh+"px"},4000);
});
还赠送了一个简单的动画感谢
来自https://blog.csdn.net/suiyu1992/article/details/52073522