示例：历史搜索

 <h2>历史搜索</h2>
    <input type="text" id="app">
    <div id="container">
    </div>

  <script>
        var historys = [ ];
        /* 1、enter获取输入框的值 */
        $("#input").keyup(function(event){
            if(event.keyCode==13){
                var value = $(this).val();
                if(value){
                    /* 2、只有数组中不包含搜索的值,才添加 */
                    if(!historys.includes(value)){
                        historys.unshift(value);
                        $("#container").prepend(`<button>${value}</button>`)
                        console.log(historys)
                        $("#input").val("")
                    }else{
                        /* 3、将数组中存在的值,至于数组的顶部 */
                        console.log(value)
                        var index = historys.indexOf(value);
                        historys.splice(index,1);
                        historys.unshift(value);
                        console.log(historys)
                        $("#container button").eq(index).remove();
                        $("#container").prepend(`<button>${value}</button>`)
                        $("#input").val("")
                    }
                }
            }
        })
    </script>