如何在jQuery中触发窗口尺寸调整事件

首先，我们需要了解的是，jQuery中触发窗口尺寸调整事件的方式主要有两种，分别是：

1. 使用jQuery的resize()方法来监听窗口尺寸的变化。
2. 使用原生的JavaScript方式监听窗口尺寸的变化，然后再通过jQuery触发事件。

下面，我们将分别详细介绍这两种方式的使用方法。

方式一：使用jQuery的resize()方法监听尺寸变化

首先，我们需要使用jQuery的resize()方法来监听窗口尺寸的变化。该方法的使用方法如下：

$(window).resize(function(){
    // 在这里编写窗口尺寸变化时的处理代码
});

上述代码中，$代表的是jQuery对象，$(window)表示选中整个浏览器窗口，然后使用resize()方法来监听窗口尺寸的变化。

在这个事件处理函数中，我们可以编写我们想要执行的逻辑代码，比如调整模块的宽高、隐藏或者显示某些元素等等。

下面是一个示例代码，在窗口尺寸发生变化时，将当前窗口的宽度和高度输出到控制台中：

$(window).resize(function(){
    var w = $(window).width();
    var h = $(window).height();
    console.log("当前窗口的宽度为：" + w + "，高度为：" + h);
});

方式二：使用原生JavaScript方式监听尺寸变化，再通过jQuery触发事件

另一种监听窗口尺寸变化的方式是使用原生的JavaScript实现，然后再通过jQuery来触发事件。

具体实现方法如下：

window.onresize = function(){
    $(window).trigger('customResize');
};

上述代码中，我们使用原生的JavaScript的window.onresize事件来监听窗口尺寸的变化，当尺寸发生变化时，会执行指定的处理函数，该处理函数中调用了jQuery的trigger()方法，来触发我们自定义的customResize事件。

最后，我们可以使用jQuery的bind()方法来绑定customResize事件处理函数，如下所示：

$(window).bind('customResize', function(){
    // 编写窗口尺寸变化时的处理代码
});

上述代码中，我们使用了jQuery的bind()方法，在窗口尺寸变化时触发自定义的customResize事件处理函数，然后在处理函数中编写我们需要执行的逻辑代码。

下面是一个示例代码，在窗口尺寸发生变化时，将当前窗口的宽度和高度输出到控制台中：

$(window).bind('customResize', function(){
    var w = $(window).width();
    var h = $(window).height();
    console.log("当前窗口的宽度为：" + w + "，高度为：" + h);
});

以上就是在jQuery中触发窗口尺寸调整事件的完整攻略，当然，我们可以根据实际需求来选择适合自己的方式来实现。