window.onresize只能绑定一个函数,而jquery的resize可以绑定多个函数。
举个例子:
window.onresize = function (){ console.log(1)}; // 1
window.onresize = function (){ console.log(2)}; // 2
重复的赋值,后一个会覆盖前一个。
$(window).resize(function(){console.log(3)}); // 3
$(window).resize(function(){console.log(4)}); // 3 和 4交替打印
这样就实现了一个resize事件绑定了多个函数。
注意:此例子中,$(window).resize(function(){console.log(3)}); 会打印出1和3,因为之前有绑定事件,进一步说明,jquery的resize事件不会覆盖原生有的函数。