页面创建width为100pxheight为 100px的 div，通过点击事件，异步抛送 width 为300height为300，背景色为红色的对象，并异步获取到该对象，通过创建 class 类进行封装并改变 div 为返回对象的属性

可以使用jQuery的ajax方法来实现异步抛送和获取数据，然后使用JavaScript来创建类并改变div的属性。具体实现如下：

HTML代码：

<div id="myDiv"></div>

JavaScript代码：

// 创建类
class MyObject {
  constructor(width, height, bgColor) {
    this.width = width;
    this.height = height;
    this.bgColor = bgColor;
  }

  applyTo(element) {
    $(element).css({
      "width": this.width + "px",
      "height": this.height + "px",
      "background-color": this.bgColor
    });
  }
}

// 点击事件
$("#btn").click(function() {
  // 异步抛送对象
  $.ajax({
    type: "POST",
    url: "your_url",
    data: JSON.stringify({width:300, height:300, bgColor:"red"}),
    contentType: "application/json",
    dataType: "json",
    success: function(data) {
      // 异步获取对象
      var myObj = new MyObject(data.width, data.height, data.bgColor);
      myObj.applyTo("#myDiv"); // 改变div的属性
    }
  });
});

需要注意的是，抛送的数据需要进行JSON.stringify处理，以便服务器能够正确地解析。同时，在获取到返回的数据后，需要创建一个MyObject对象，并调用它的applyTo方法来改变div的属性。applyTo方法中使用jQuery的css方法来设置div的宽度、高度和背景色。