切图仔梦想家
2017-05-29 15:16
采纳率: 100%
浏览 1.6k

关于JQ的if问题~Input text值的判断

我想仿造小米的首页做一遍,好学习巩固自己的知识。在搜索框部分遇到了一些问题。
图片说明
这是搜索框,当选中搜索框的时候,里面那2个DIV隐藏。

 //搜索框Input
$(document).ready(function() {
    $("#title-input").focus(function() {
        $(".title-erji").css("display", "none");
        $(".title-erji2").css("display", "none");
    });
    $("#title-input").blur(function() {
        $(".title-erji").css("display", "block");
        $(".title-erji2").css("display", "block");
    });

    // if ($("#title-input").value == "") {
    //     $(".title-erji").css("display", "block");
    //     $(".title-erji2").css("display", "block");
    // } else {
    //     $(".title-erji").css("display", "none");
    //     $(".title-erji2").css("display", "none");
    // }
});

这一块能很好的执行,但是接下来遇到了一些问题
当input里有输入值的时候,再将鼠标点击空白处,input失去焦点,2个div又回来了。
这里是应该写个if,但是我怎么写也写不好,求大神帮忙解答

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • 已采纳
         $("#title-input").blur(function() {
                if(this.value!='')return;//有值就不显示
            $(".title-erji").css("display", "block");
            $(".title-erji2").css("display", "block");
        });
    
    点赞 打赏 评论
  • devmiao 2017-05-29 16:00
    点赞 打赏 评论

相关推荐 更多相似问题