jquery 输入框失去焦点时 (blur)事件

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表示失去焦点状态

 

http://api.jquery.com/bind/

http://www.runoob.com/jquery/event-on.html