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

上一篇下一篇

猜你喜欢

热点阅读