jquery两个div互换_使用jQuery进行两个div的交换以及数据交换

老师上课讲了对于两个div进行交换的例子，只能交换一次，在课后，我进行了“两个div可以交换多次”的研究

对于两个div，一个红色100px，一个蓝色200px.使用拖拽功能可以进行交换

div样式在style中，使用dragstart，dragover，drop进行绑定事件

dragstart事件的定义如下：

top.οndragstart=function(event)

{

var data=event.dataTransfer;

data.setData("id",this.id);

data.effectAllowed='link';

}

dragover事件定义如下：

bottom.οndragοver=function(event)

{

event.preventDefault();

event.dataTransfer.dropEffect='';

}

drop事件定义如下：

bottom.οndrοp=function(event)

{

var data=event.dataTransfer;

var id=data.getData("id");

var top=document.getElementById(id);

var topText=top.innerHTML;

var bottomText=this.innerHTM