jquery移動節(jié)點實例

字號:


    這篇文章主要介紹了jquery移動節(jié)點的實現(xiàn)方法,主要涉及append()方法的使用技巧,需要的朋友可以參考下
    本文實例講述了jquery移動節(jié)點的實現(xiàn)方法,分享給大家供大家參考。具體實現(xiàn)方法如下:
    方法很方便簡單,使用 append()方法即可。代碼如下:
    代碼如下:
    <html>
    <head>
    <title>jquery移動節(jié)點</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <script type="text/javascript" src="jquery-1.8.2.min.js"></script>
    <script type="text/javascript">
    $(function(){
    $("button").click(function(){
    $("div").append($("p"));
    });
    });
    </script>
    <style type="text/css">
    h5{color:blue;}
    div{width:300px;height:60px;border:solid 1px green;}
    div p{color:red;}
    </style>
    </head>
    <body>
    <h5>jquery移動節(jié)點</h5>
    <button>點我</button>
    <div>哈哈哈哈哈哈,太搞笑了</div>
    <p>你太幽默了</p>
    </body>
    </html>
    希望本文所述對大家的jQuery程序設計有所幫助。