使用jQuery的replaceWith()方法要注意的地方

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
div{
    100px;
    height:100px;
    background-color:#CCFFFF;
    border:#FF0000 solid 2px;
}
</style>
<script language="javascript" src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script language="javascript">
    // 用text()或html()实现
    // $(function(){
    //     $('div').eq(0).click(function(){
    //         $('div').eq(0).text("11");
    //         $('div').eq(1).text("");
    //     });
    //     $('div').eq(1).click(function(){
    //         $('div').eq(0).text("");
    //         $('div').eq(1).text("22");
    //     });
    // });


    //用replaceWith()实现
    function initClick(){
        $('div').eq(0).click(function(){
            $('div').eq(0).replaceWith('<div>11</div>');
            $('div').eq(1).replaceWith('<div></div>');
            initClick();
        });
        $('div').eq(1).click(function(){
            $('div').eq(0).replaceWith('<div></div>');
            $('div').eq(1).replaceWith('<div>22</div>');
            initClick();
        });
    }
    $(function(){
        $('div').eq(0).click(function(){
            $('div').eq(0).replaceWith('<div>11</div>');
            $('div').eq(1).replaceWith('<div></div>');
            initClick();
        });
        $('div').eq(1).click(function(){
            $('div').eq(0).replaceWith('<div></div>');
            $('div').eq(1).replaceWith('<div>22</div>');
            initClick();
        });
    });
</script>
</head>
 
<body>
<div></div>
<div></div>
</body>
</html>

相关阅读:
nginx 配置以及常用命令
django TypeError: 'module' object is not callable
Django Meta内部类选项
安装MySQL后要做的事
MySQL存储引擎
kali linux 2018.2 mysql密码修改后无效,外部无法连接问题。
Django中CSS加载background url('')问题
升级OPENSSH 和 OPENSSL
Git创建仓库的方法(github翻译)
Git标签(版本)管理

原文地址：https://www.cnblogs.com/wuqilang/p/11864872.html