jquery获取页面的TextBox并给添加样式

Js部分：

//********************添加友情提示 start*********************************

        $(document).ready(function () {

            var searchBox = $("#<%=txtUserName.ClientID %>"); // 通过ClientID获取服务器控件ID

            searchBox.focus(function () {

                if (searchBox.val() == this.title) { // TextBox控件ToolTip属性转换为Html为title属性

                    searchBox.val("");

                    searchBox.removeClass("defaultText");

                }

            });

            searchBox.blur(function () {

                if (searchBox.val() == "") {

                    searchBox.val(this.title);

                    searchBox.addClass("defaultText");

                }

            });

            searchBox.blur();

        });

        //********************添加友情提示 end*********************************

CSS样式：

<style type="text/css">

        #txtUserName

        {

            width: 150px;

            height: 17px;

            font-size: 12px;

            border: solid 1px #ccc;

        }

        

        .defaultText

        {

            font-style: italic;

            color: #CCCCCC;

        }

    </style>




页面代码：

<asp:TextBox ID="txtUserName" runat="server" ToolTip="请输入搜索的关键字"></asp:TextBox>