Jquery：我如何将空文本应用于所有文本框，而不仅仅是 1

Question

我有这个脚本，它会将工具提示文本从文本框中放置为“空文本”。然后，当您单击它时，如果您进行模糊处理并且文本框仍然为空，则空文本会消失并重新出现。

var $textbox = $("#MainContent_tbCity"); // select single box (how get all?)
        $textbox.focus(function () {
            if ($textbox.val() == this.title) {
                $textbox.val("");
                $textbox.removeClass("LightText");
            }                    
        });
        $textbox.blur(function () {
            if ($textbox.val() == "") {
                $textbox.val(this.title);
                $textbox.addClass("LightText");
            }                
        });
        $textbox.blur();

Answer 1

最好的办法是使用placeholder 属性。它是为此目的而创建的。但是，如果您想手动管理占位符文本，方法如下：

$(function() {
        $(':text').on('focus', function () {
            if (this.value == this.title) {
                $(this).val('').removeClass("LightText");
            }                    
        })
        .on('blur', function () {
            if ( this.value.trim() == "" ) {
                $(this).val(this.title).addClass("LightText");
            }                
        })
        .blur();
});