主要介绍了jQuery 实现DOM元素拖拽交换位置，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

实现步骤 1.html + bootstrap 布局画3个面板。 注：面板样式 position 属性必须是绝对位置或者相对位置。 2.监听面板的的 mousedown事件。 记录当前对应面板的位置target_index，设置面板透明拖动。 3.监听当前被拖动的面板的mousemove事件。 根据鼠标移动的位置和面板的相对位置计算出面板应该出现的新位置，就将面板位置设置为新位置。 4.监听当前被拖动的面板的mouseup事件。 当松开鼠标时，查看当前鼠标所在位置对应的面板的位置exchange