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();
});