美文网首页
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