jquery实现输入关键词判断（包括trim的使用）

  JS部分：

  <script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>

 

  <script type="text/javascript">
        $(document).ready(function () {
            $("#<%=txtSearch.ClientID%>").click(function () {
                if ($(this).val() == "请输入关键词")
                    $(this).val("");
            }).blur(function () {
                if ($.trim($(this).val()) == "" ) {
                    $(this).val("请输入关键词");
                    $(this).addClass("huiFont");
                }
            }).focus(function () {
                if ($(this).val() != "请输入关键词" || $(this).val() != "")
                    $(this).removeClass("huiFont");
                else
                    $(this).addClass("huiFont");
            });
        });
    </script>

 

控件部分：

  <asp:TextBox ID="txtSearch" runat="server" style="width:180px;" class="huiFont">请输入关键词</asp:TextBox>

 

CSS部分：

.huiFont
{
    color: #808080;
}