javascript - 我可以使用原型(prototype) 'extend' jQuery 对象吗？

Question

我的网站上有一个多步骤表单插件，它有 multicontrol.prototype，它包含下一个和上一个按钮的功能。

是否可以延长例如$('.button.prev') 与这个多控制原型(prototype)？这样我就可以将类似的功能分配给任何元素并调用例如$('.button').previous();

Answer 1

jQuery 有一个插件方案，允许您使用新方法扩展 jQuery 对象。有教程here .

这是该教程中的一个非常简单的示例:

$.fn.greenify = function() {
    return this.css( "color", "green" );
};

$( "a" ).greenify(); // Makes all the links green.

在内部，$.fn 是一个原型(prototype)对象，由新的 jQuery 对象使用，因此向它添加一个属性，就会向所有 jQuery 对象添加一个方法。

按照惯例，大多数 jQuery 插件方法应返回 jQuery 对象以启用链接。而且，如果您必须处理单个 DOM 节点，那么您可能应该在插件方法中迭代 this.each() ，以便它适用于 DOM 节点集合，而不仅仅是单个节点。大多数 jQuery 方法本身已经做到了这一点。