在jquery中扩展函数

时间:2013-06-15 12:43:17

标签: javascript jquery

我试图通过以下方式扩展我的jquery,它不起作用。

var y = {
    alertData: function () {
        alert('z');
    },
    hideData: function () {
        $(this).hide();
    }
};
var z = $('#a');
$.Extend(z, y);
z.hideData();

1 个答案:

答案 0 :(得分:1)

也许尝试像这样延伸?

$.fn.extend({
    alertData: function () {
        alert('z');
        return this;
    },
    hideData: function () {
        this.hide();
        return this;
    }

});

a为id的元素上使用它?

$('#a').alertData().hideData(); 

您的实施无效的原因是:

  • 错字,不是延伸,延伸
  • this,而不是$(this)内部扩展

演示:http://jsfiddle.net/hungerpain/TkA2e/