在前端开发中，经常会使用div来布局页面，但是也会遇到div重叠的问题，这给页面的显示带来了很大的影响。而jQuery就是一种比较实用的解决方案。

在jQuery中，可以使用z-index属性来定义元素的重叠顺序。z-index的值越大，元素就越靠近顶层，对应的显示优先级也就越高。

div{
position: absolute;
top: 50px;
left: 50px;
width: 200px;
height: 200px;
background-color: #ccc;
}
#div1{
z-index: 1;
}
#div2{
z-index: 2;
}

上面是一个示例的代码，其中两个div重叠在一起，但是因为它们的z-index不同，所以第二个div会显示在第一个div上面。

除了z-index属性，还可以使用jQuery的方法来动态修改元素的重叠顺序。比如，可以使用appendTo()方法将一个元素添加到另一个元素中，从而调整它们的层级关系。

$('#div1').appendTo('#div2');

上面的代码就是将id为div1的元素添加到id为div2的元素中，并且由于div1是后添加的，所以它会显示在div2上面。

总之，解决div重叠的问题可以使用CSS的z-index属性或者jQuery的方法来实现，根据具体的需求选择相应的方法，可以让页面的布局更加灵活和美观。