夺命雷公狗jquery---40在元素头尾部插入元素可alert出来看 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="js/jquery.js"></script>
        <script>
            $(function(){
                //版定click事件
                $('#btnok').bind('click',function(){
                    //1.在div元素尾部插入jquery
                    //$('div#div1').after('jquery');

                    //2.在div元素头部插入
                    //$('#div1').before('jquery');


                    //3.把匹配到的元素插入到元素的尾部
                    //$('#p1').insertAfter('#div1');
                    
                    //4.把匹配道德元素插入到元素的头部
                    $('#div1').insertBefore('#p1');
                    alert($('body').html());
                });
            });
        </script>
    </head>
    <body>
        <p id="p1">p1</p>
        <hr />
        <div id="div1">div1</div>
        <hr />
        <input type="button" id="btnok" value="插入操作" />
    </body>
</html>

 

posted @ 2015-10-29 23:43  夺命雷公狗  阅读(232)  评论(0)  编辑  收藏  举报