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

最新推荐文章于 2024-09-26 19:38:44 发布

weixin_30613727

最新推荐文章于 2024-09-26 19:38:44 发布

阅读量61

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/leigood/p/4922247.html

版权

<!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>