jquery窗口大小变化从新加载css

JQuery是一个JavaScript库，它可以使JavaScript编写的网页变得更加简洁、简单和容易操作。在网页设计中，窗口大小变化时，页面布局有可能会发生变化，此时我们需要重新加载CSS使页面正确布局。下面是一个简单的实现方法：

$(window).on('resize',function() {
  var win = $(this); //获取窗口宽度
  if (win.width() > 768) { //判断窗口宽度是否大于768
    $('link[href="style.css"]').attr('href','new_style.css'); //重新加载样式表
  } else {
    $('link[href="new_style.css"]').attr('href','style.css'); // 恢复原来的样式表
  }
});

在代码中，我们先使用$(window)函数获取了窗口对象，然后绑定了一个resize事件。在事件处理函数中，我们判断窗口宽度是否大于768像素，如果是的话就重新加载新的样式表，否则加载原来的样式表。

我们需要注意的是，在更改样式表链接中，我们使用了attr()方法，并将第一个参数设置为‘href’，第二个参数设置为要修改的样式表路径。

总结起来，我们可以利用jQuery来实现窗口大小变化时重载CSS文件，以此来实现网页的正确布局。这样就能确保在不同大小的屏幕上，网页始终能够达到最佳的显示效果。