自定义jQuery插件无法正常工作

Question

我尝试创建自己的小jQuery插件来填充和清除textarea：

$.fn.fillTextarea = function ( startVal ) {
    var messBox = $(this).val(startVal);

    messBox.on('focus blur', function () {
        var curVal = $.trim($(this).val());
        if (curVal == startVal) {
            $(this).val('');
        } else if (!curVal) {
            $(this).val(startVal);
        }
    });
};


$(document).ready(function () {
    $('.number-1').fillTextarea({
        'startVal' : 'test'
    });
});

但是当我尝试使用它时，我在textarea中得到[object Object]而不是我的startVal。
http://jsfiddle.net/3QHWe/1/

我的代码出了什么问题？我该如何解决？

Answer 1

function ( startVal ) {
       // ^ is object which is passed

使用object.key

获取其键值值

$('.number-1').fillTextarea({
    'startVal' : 'test'
    //^Key        Value

使用startVal.startVal获取text

的值

Fiddle Demo