這篇文章主要講解了“怎么使用jQuery實(shí)現(xiàn)兩個(gè)div中按鈕互換位置”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“怎么使用jQuery實(shí)現(xiàn)兩個(gè)div中按鈕互換位置”吧！

創(chuàng)新互聯(lián)公司是一家專注于成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)與策劃設(shè)計(jì),富錦網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)十年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:富錦等地區(qū)。富錦做網(wǎng)站價(jià)格咨詢:13518219792

效果如下

代碼如下：

 
 
 
 
  $(function() {
   //定義一個(gè)變量等于所有button按鈕
   var btns = $("button");
   //for循環(huán)進(jìn)行遍歷 
   for(var i = 0; i < btns.length; i++) {
    //i控制他的下標(biāo)確定的是那個(gè)按鈕的點(diǎn)擊事件
    btns[i].onclick = function() {
     //判斷如果此按鈕的父控件是div1
     if($(this).parent().is("#div1")) {
      //移除此按鈕
      $(this).remove();
      //轉(zhuǎn)移到div2
      $(this).appendTo("#div2")
     } else {
      //否則他的父控件是div2 那么就把他移動到div1
      $(this).appendTo("#div1")
     }
    }
   }
  });
 



 
  
我選擇的：