效果如下

代码如下：

head metaharset=' utf-8 '/title/title script type=' text/JAVAScript ' src=' http : js/jquery-2 . 1 . 0 . js '/script script type=' text/JAVAScript ' $(function(){//定义一个等于所有按钮按钮的变量varbtns=$ //for循环遍历(var I=0；i btns.lengthI){//我控制他的下标来确定点击事件BTN[I]。onclick=function() {//判断这个按钮的父控件是不是div1if ($ (this)。父项()。is(' # div 1 '){//移除此按钮$(this)。移除(。//移到div2 $(这个)。appendo(' # div2 ')} else {//否则他的父控件是div 2，然后将他移动到div1 $ (this)。appendo(' # div 1 ')} })；/script/head style div { width : 500 px；高度： 200 px；border: 1px背景-颜色：米色；}按钮{ width: 50pxheight: 30px}/stylebody div id='div1' p我选择了：/p /div div id='div2' p你也可以选择：/p按钮数学/按钮英语/按钮运动/按钮艺术/按钮物理/按钮la la la/按钮化学/按钮历史/按钮地理/按钮生物/按钮/div/body summary

以上是边肖介绍的用jQuery实现两个div中按钮互换位置的示例代码。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！