如何通过Javascript/JQuery重新排序HTML

此尝试不会对HTML排序进行任何更改.我究竟做错了什么？

谢谢大家.

为了这个目的,我建议你使用媒体查询而不是jquery

/* For mobile phones: */
.header-top {
    display:block;
}
.header-bottom {
    display:none;
}
@media only screen and (min-width: 600px) {
    /* For tablets: */
    .header-top {
    display:block;
    }
    .header-bottom {
    display:none;
    }
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .header-top {
    display:none;
    }
   .header-bottom {
    display:block;
    }
}

有关更多信息: 媒体查询