jquery判斷input輸入框的值，用到input事件，blur事件，focus事件

需求：當輸入框有字或者正在輸入時，右邊的圓形取消按鈕才出現。否則不出現。

            //輸入框正在輸入時
            $("#ipt").on('input',function(){
                if(!($('#ipt').val()=='')){
                    $(".cancle_ico").removeClass('hide');
                }else{
                    $(".cancle_ico").addClass('hide');
                }
            })
            //輸入框得到焦點時
            $("#ipt").on('focus',function(){
                 if(!($('#ipt').val()=='')){
                    $(".cancle_ico").removeClass('hide');
                }else{
                    $(".cancle_ico").addClass('hide');
                }
            })
            //輸入框失去焦點時
            $("#ipt").on('blur',function(){
                 if(($('#ipt').val()=='')){
                    $(".cancle_ico").addClass('hide');
                }else{
                    $(".cancle_ico").removeClass('hide');
                }
            })

以下是效果圖。input事件表示正在輸入狀態，focus事件表示得到焦點狀態，blur表示失去焦點狀態