码迷,mamicode.com
首页 > 其他好文 > 详细

查询框实现无点击事件时默认颜色,点击时清空查询空,失去焦点且查询匡为空时还原默认状态

时间:2016-12-19 21:14:42      阅读:158      评论:0      收藏:0      [点我收藏+]

标签:move   还原   code   名称   addclass   text   type   默认颜色   color   

<input id="search" type="text" value="输入类别、编号、名称、主办、分类搜索">
$("#search").focus(function(){
              $(this).css("color","black");//点击后黑色
            $(this).addClass("focus");
            if($(this).val() ==this.defaultValue){  
                $(this).val("");           
            } 
            }).blur(function(){
            $(this).removeClass("focus");
            if ($(this).val() == ‘‘) {
              $(this).val(this.defaultValue);
              $(this).css("color","#C1C1C1");//失去焦点变原色
            }
          });

 

查询框实现无点击事件时默认颜色,点击时清空查询空,失去焦点且查询匡为空时还原默认状态

标签:move   还原   code   名称   addclass   text   type   默认颜色   color   

原文地址:http://www.cnblogs.com/ckxlovejava/p/6198898.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!