跳转到主要内容

jquery 实现input focus 和 blur 状态下文字的显示和隐藏

HTML部分:

<div>     <form id="test">         <input id="searchKeyword" type="text" maxlength="30" value="请输入关键词"  />     </form> </div>

Jquery代码:

<script type="text/javascript"> $(document).ready(function(){     $("#searchKeyword").focus(function(){         if ($(this).val() == "请输入关键词") {             $(this).val("");         }     });     $("#searchKeyword").blur(function(){         if ($(this).val() == "") {             $(this).val("请输入关键词");         }     }); }); </script>