首先，有没有这样的CSS-改变事件开箱即用，但您可以创建一个由你自己，因为onchange是:input唯一的元素。不适用于 css 更改。

有两种方法可以跟踪 css 更改。

1. 每 x 次（示例中为 500 毫秒）检查 DOM 元素的 css 更改。
2. 当您更改元素 css时触发一个事件。
3. 使用DOMAttrModified突变事件。但它已被弃用，所以我会跳过它。

第一种方式：

var $element = $("#elementId");
var lastHeight = $("#elementId").css('height');
function checkForChanges()
{
    if ($element.css('height') != lastHeight)
    {
        alert('xxx');
        lastHeight = $element.css('height'); 
    }

    setTimeout(checkForChanges, 500);
}

第二种方式：

$('#mainContent').bind('heightChange', function(){
        alert('xxx');
    });


$("#btnSample1").click(function() {
    $("#mainContent").css('height', '400px');
    $("#mainContent").trigger('heightChange'); //<====
    ...
});    

如果您控制 css 更改，则第二个选项是一种更加优雅和高效的方式。

文件：

• 绑定：Description: Attach a handler to an event for the elements.
• 触发器：Description: Execute all handlers and behaviors attached to the matched elements for the given event type.

请不要使用此处其他答案中描述的技术。他们要么不使用 css3 动画大小更改、浮动布局更改或非来自 jQuery 的更改。您可以使用调整大小检测器，这是一种基于事件的方法，不会浪费您的 CPU 时间。

https://github.com/marcj/css-element-queries

它包含可用于该目的的 ResizeSensor 类。

new ResizeSensor(jQuery('#mainContent'), function(){ 
    console.log('main content dimension changed');
});

免责声明：我写了这个库

为了将来，我会发布这个。如果您不需要支持 < IE11，那么您应该使用 MutationObserver。

这是caniuse js MutationObserver的链接

使用简单，结果强大。

    var observer = new MutationObserver(function (mutations) {
        //your action here
    });

    //set up your configuration
    //this will watch to see if you insert or remove any children
    var config = { subtree: true, childList: true };

    //start observing
    observer.observe(elementTarget, config);

当您不再需要观察时，只需断开连接即可。

    observer.disconnect();

查看MDN 文档以获取更多信息

另一个简单的例子。

对于此示例，我们可以使用 100x100 DIV-box：

<div id="box" style="width: 100px; height: 100px; border: solid 1px red;">
 // Red box contents here...
</div>

和小jQuery技巧：

<script type="text/javascript">
  jQuery("#box").bind("resize", function() {
    alert("Box was resized from 100x100 to 200x200");
  });
  jQuery("#box").width(200).height(200).trigger("resize");
</script>

脚步：

1. 我们创建了用于调整操作大小的 DIV 块元素
2. 添加简单的 JavaScript 代码：
   • jQuery 绑定
   • 带有触发器动作“调整大小”的 jQuery 调整器 - 在我的示例中触发器是最重要的
3. 调整大小后，您可以查看浏览器警报信息

就这样。;-)