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

});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值