由于jQuery是开源的，我猜您可以调整css函数，以便在每次调用时调用您所选择的函数(传递jQuery对象)。当然，您需要仔细检查jQuery代码，以确保它在内部没有其他用于设置CSS属性的东西。理想情况下，您应该为jQuery编写一个单独的插件，这样它就不会干扰jQuery库本身，但您必须决定这对您的项目是否可行。

由于jQuery是开源的，我猜您可以调整css函数，以便在每次调用时调用您所选择的函数(传递jQuery对象)。当然，您需要仔细检查jQuery代码，以确保它在内部没有其他用于设置CSS属性的东西。理想情况下，您应该为jQuery编写一个单独的插件，这样它就不会干扰jQuery库本身，但您必须决定这对您的项目是否可行。

我认为最好的答案来自Mike在你不能启动事件的情况下，因为不是来自你的代码。但是当我使用它时，我得到一些错误。所以我写了一个新的答案给你们看我用的代码。

扩展

// Extends functionality of ".css()"
// This could be renamed if you'd like (i.e. "$.fn.cssWithListener = func ...")
(function() {
    orig = $.fn.css;
    $.fn.css = function() {
        var result = orig.apply(this, arguments);
        $(this).trigger('stylechanged');
        return result;
    }
})();

使用

// Add listener
$('element').on('stylechanged', function () {
    console.log('css changed');
});

// Perform change
$('element').css('background', 'red');

我得到错误，因为var ev =新的$.Event('style');HtmlDiv中没有定义style之类的东西。我删除了它，现在启动$(this).trigger("stylechanged")。另一个问题是Mike没有返回$(css， ..)的结果，那么在某些情况下它会产生问题。我得到结果并返回。现在工作^^在每一个css变化包括从一些库，我不能修改和触发事件。

正如其他人建议的那样，如果你可以控制任何改变元素样式的代码，你可以在改变元素高度时触发一个自定义事件:

$('#blah').bind('height-changed',function(){...});
...
$('#blah').css({height:'100px'});
$('#blah').trigger('height-changed');

否则，尽管相当耗费资源，但您可以设置一个计时器来定期检查元素高度的变化……

我也有同样的问题，所以我写了这个。它运行得相当好。如果你把它和一些CSS过渡混合在一起看起来很棒。

function toggle_visibility(id) {
   var e = document.getElementById("mjwelcome");
   if(e.style.height == '')
      e.style.height = '0px';
   else
      e.style.height = '';
}

事情已经发生了一些变化，现在可以使用MutationObserver来检测元素的'style'属性的变化，不需要jQuery:

var observer = new MutationObserver(function(mutations) {
    mutations.forEach(function(mutationRecord) {
        console.log('style changed!');
    });    
});

var target = document.getElementById('myId');
observer.observe(target, { attributes : true, attributeFilter : ['style'] });

传递给回调函数的参数是一个MutationRecord对象，它允许您获取旧样式值和新样式值。

支持良好的现代浏览器，包括IE 11+。