100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > html jq固定div高度 js/jQuery获取/设置div的高度 宽度···

html jq固定div高度 js/jQuery获取/设置div的高度 宽度···

时间:2024-04-07 16:23:41

相关推荐

html jq固定div高度 js/jQuery获取/设置div的高度 宽度···

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);

});

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。