jQuery之元素移动

　如果要移动选中的元素，有两种方法：一种是直接移动该元素，另一种是移动其他元素，使得目标元素达到我们想要的位置。

　　假定我们选中了一个div元素，需要把它移动到p元素后面。

　　第一种方法是使用.insertAfter()，把div元素移动p元素后面：

代码:

$('div').insertAfter('p');

　第二种方法是使用.after()，把p元素加到div元素前面：

代码:

$('p').after('div');

  // 将新建的子节点,追加到父节点的最前面

                     // 1.父级节点.prepend(新子节点)

                     $('ul').prepend(liObj)；

                        // 2.子节点.prependTo(父节点)

                    $(liObj).prependTo($('ul'));

  // 将新建的子节点,追加到父节点的最后面

                     // 1.父级节点.append(新子节点)

                     $('ul').append(li2Obj);

                      // 2.子节点.appendTo(父节点)

                    $(li2Obj).appendTo('ul');

 // 存在的节点.before(新节点)

               $('p').before(pObj);

               // 新节点.insertBefore(存在节点)

            //    $(pObj).insertBefore($('p'));

            })

        })

          

           // 【注意】是在元素的后面追加兄弟节点

         

               // 存在的节点.after(新节点)             

             

        //       var p2Obj=$('<p>却还是西楚霸王</p>');

        //   $('button').eq(1).click(function(){

        //       $('p').after(p2Obj);

        //        // 新节点.insertAfter(存在节点)

        //     // p2Obj.insertAfter($('p'));

        //   })

        $('button').eq(1).bind('click',()=>{

               var divObj = $('<div>见过你的美,还能爱上谁</div>');

               // 存在的节点.after(新节点)

              // $('p').after(divObj);

              // 新节点.insertAfter(存在节点)

              divObj.insertAfter($('p'))

           })