jQuery插件占位符不使用占位符属性

【问题标题】：jQuery plugin placeholder without using placeholder attributejQuery插件占位符不使用占位符属性
【发布时间】：2011-05-31 05:14:09
【问题描述】：

我正在寻找一个不使用占位符属性的 jQuery 插件占位符。

【问题讨论】：

标签： jquery-plugins placeholder

【解决方案1】：

自己构建应该相当简单——这里有一个简单的例子：

$.fn.placeholder = function(){
    return $(this).each(function(){
        $(this)
            .data('original-value', $(this).val())
            .focus(function(){
                var $input = $(this);
                if ($input.val() == $input.data('original-value'))
                    $input.val("");
            })
            .blur(function(){
                var $input = $(this);
                if ($.trim($input.val()) == "")
                    $input.val($input.data('original-value'));
            });
    });
};

$('input').placeholder();

http://jsfiddle.net/BrHjH/1

【讨论】：