只是从上面添加并形式化了@David的解决方案:

请注意，jQuery函数是可链的，并返回'this'，因此多个调用可以一个接一个地调用(例如$container.css("overflow"， "hidden").css("outline"， 0);)。

所以改进后的代码应该是:

(function() {
    var ev = new $.Event('style'),
        orig = $.fn.css;
    $.fn.css = function() {
        var ret = orig.apply(this, arguments);
        $(this).trigger(ev);
        return ret; // must include this
    }
})();

有趣的问题。问题是height()不接受回调，因此无法触发回调。使用animate()或css()设置高度，然后在回调中触发自定义事件。下面是一个使用animate()的例子，测试和工作(演示)，作为概念的证明:

$('#test').bind('style', function() {
    alert($(this).css('height'));
});

$('#test').animate({height: 100},function(){
$(this).trigger('style');
}); 

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

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

事件对象的声明必须在新的css函数中。否则事件只能被触发一次。

(function() {
    orig = $.fn.css;
    $.fn.css = function() {
        var ev = new $.Event('style');
        orig.apply(this, arguments);
        $(this).trigger(ev);
    }
})();

事情已经发生了一些变化，现在可以使用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+。

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