夺命雷公狗jquery---44替换 

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="js/jquery.js"></script>
        <script>
            $(function(){
                $('#btnok').bind('click',function(){
                    //1.值替换
                    //$('ul>li:eq(2)').html('我要吃');
                    
                    //2.节点替换
                    //$('ul>li:eq(2)').replaceWith("<li>我爱吃</li>");

                    //3.方法3,这样写目的就是为了让程序变得更加的灵活
                    var $li = $('<li></li>');
                    $li.html('我爱吃');
                    $li.bind('click',function(){
                        alert('虽然我爱吃，而且不怕肥');
                    });
                    $('ul>li:eq(2)').replaceWith($li);
                    //说明，在jquery中，如果是jquery对象，建议大家采用$符号形式定义变量，这样当别人看不到$变量时候，就知道其是jquery对象
                });
            });
        </script>
    </head>
    <body>
        <ul>
            <li>苹果</li>
            <li>西瓜</li>
            <li>香蕉</li>
            <li>雪梨</li>
            <li>哈密瓜</li>
            <li>葡萄</li>
            <li>提子</li>
        </ul>
        <hr />
        <input type="button" id="btnok" value="复制" />
    </body>
</html>

 

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