美文网首页
js/jQuery获取/设置div的高度,宽度···

js/jQuery获取/设置div的高度,宽度···

作者: de_self | 来源:发表于2018-09-20 20:28 被阅读24次

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

相关文章

网友评论

      本文标题:js/jQuery获取/设置div的高度,宽度···

      本文链接:https://www.haomeiwen.com/subject/mpznnftx.html