console 命令行工具 X clear

console

$(document).ready(function(){
            $("#seed").bind("click",function(){
                $("img").remove();
                $("#seed").prepend("<img src='https://img-blog.csdnimg.cn/2019102413323680.png' />")
            });
            $("#grow").bind("click",function(){
                $("img").remove();
                $("#seed").append("<img src='https://img-blog.csdnimg.cn/20191024133226601.png' />")
            });
            $("#bloom").bind("click",function(){
                $("img").replaceWith("<img src='https://img-blog.csdnimg.cn/20191024133134783.png' />")
            });
            $("#fruit").bind("click",function(){
                $("<img src='https://img-blog.csdnimg.cn/20191024133217385.png' />").replaceAll("img");
            });
        });

<body>
	<div id="bg">
		<div id="seed"></div>
		<span id="grow"></span>
		<span id="bloom"></span>
		<span id="fruit"></span>
	</div>
</body>

div{
        font-size: 12px;
        border: #999 1px solid;
    }
    #bg{
        width: 580px;
        height: 439px;
        background-image: url(https://img-blog.csdnimg.cn/20191024133152373.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI0MTc1ODA1Mzg=,size_16,color_FFFFFF,t_70);
    }
    /*控制图片*/
    img{
        position: absolute;
        top: -155px;
        left: 150px;
    }
    /*控制播种按钮*/
    #seed{
        background-image: url(https://img-blog.csdnimg.cn/20191024133253443.png);
        width: 56px;
        height: 56px;
        position: absolute;
        top: 380px;
        left: 99px;
        cursor: hand;
    }
    /*控制生长按钮*/
    #grow{
        background-image: url(https://img-blog.csdnimg.cn/20191024133333234.png);
        width: 56px;
        height: 56px;
        position: absolute;
        top: 380px;
        left: 204px;
        cursor: hand;
    }
    /*控制开花按钮*/
    #bloom{
        background-image: url(https://img-blog.csdnimg.cn/2019102413332496.png);
        width: 56px;
        height: 56px;
        position: absolute;
        top: 380px;
        left: 309px;
        cursor: hand;
    }
    /*控制结果按钮*/
    #fruit{
        background-image: url(https://img-blog.csdnimg.cn/20191024133315313.png);
        width: 56px;
        height: 56px;
        position: absolute;
        top: 380px;
        left: 418px;
        cursor: hand;
    }