夺命雷公狗jquery---45包裹操作 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script src="js/jquery.js"></script>
        <script>
            $(function(){
                $('#btnok').bind('click',function(){
                    //1.对所有DIV元素进行包裹
                    //$('div').wrap("<b></b>");

                    //2.对匹配到的所有元素进行统一包裹
                    //$('div').wrapAll('<b></b>');

                    //3.对所有的div元素内容进行包裹
                    $('div').wrapInner('<b></b>');
                    alert($('body').html());
                });
            });
        </script>
    </head>
    <body>
        <div>div1</div>
        <div>div2</div>
        <div>div3</div>

        <hr />
        <input type="button" id="btnok" value="包裹" />
    </body>
</html>

 

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