javascript - 如何向 jQuery 方法添加功能？

Question

如何向 jQuery 方法添加功能？例如，当使用 hide 时在元素上(<a> 或 <p> 或其他):

HTML

<a href="#">click me</a>

jQuery

$("a").hide()

我尝试创建一种插件，但我想保留 native 功能然后添加更多。

jQuery.fn.extend({
    hide: function () {
        alert("hidden element: " + $(this));
    }
});

Answer 1

当然，最简单的方法是给它一个不同的名字。如果你真的不想这样做，你可以保留对原始方法的引用，然后使用 Function.prototype.apply 传递 this 和任何接收到的参数:

var originalHide = jQuery.fn.hide;

jQuery.fn.hide = function () {
    alert('hidden element: ' + this); // == $(this); neither is meaningful
    return originalHide.apply(this, arguments);
};