jQuery改变元素属性(宽、高)

最新推荐文章于 2021-08-31 08:55:48 发布

BunnyMelody

最新推荐文章于 2021-08-31 08:55:48 发布

阅读量2.9k

点赞数

分类专栏：【初级】前端文章标签： jQuery 点击按钮动态

本文链接：https://blog.csdn.net/viciousDear/article/details/46277871

版权

【初级】前端专栏收录该内容

36 篇文章 0 订阅

订阅专栏

此demo实现的功能是：当点击按钮时，元素动态改变了它的宽和高

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">

    <style>
      div {
        position:absolute;
        background-color:#abc;
        left:50px;
        width:90px;
        height:90px;
        margin:5px;
      }
    </style>

    <script src="C:/jquery/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>

</head>

<body>
  <button id="left">&laquo;</button>
  <div class="block"></div>

  <script>

    $("#left").click(function(){
      $(".block").animate({"height": "150px",'width':'30px'}, "slow");
    });

  </script>

</body>
</html>