jQuery -将div从中心增长到动画

// HTML结构
<div id="myDiv"></div>

// CSS样式
#myDiv {
  width: 100px;
  height: 100px;
  background-color: red;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

// JavaScript代码
$(document).ready(function() {
  // 点击div时触发动画
  $('#myDiv').click(function() {
    $(this).animate({
      width: '200px',
      height: '200px'
    }, 1000);
  });
});