如何使用方法创建jQuery插件？

Question

如何使用方法创建jQuery插件？我正在尝试编写一个jQuery插件，它将为调用它的对象提供额外的函数/方法。我在线阅读的所有教程（过去2小时内一直在浏览）包括最多如何添加选项，但不包括其他功能。这是我要做的事情：//通过调用该div的插件将div格式化为消息容器$("#mydiv").messagePlugin();$("#mydiv").messagePlugin().saySomething("hello");或类似的规定。以下是它归结为：我调用插件，然后调用与该插件相关联的函数。我似乎找不到办法做到这一点，我见过许多插件之前做过。这是我到目前为止的插件：jQuery.fn.messagePlugin = function() {   return this.each(function(){     alert(this);   });   //i tried to do this, but it does not seem to work   jQuery.fn.messagePlugin.saySomething = function(message){     $(this).html(message);   }};我怎样才能实现这样的目标？谢谢！

Answer 1

这种方法怎么样：

jQuery.fn.messagePlugin = function(){
    var selectedObjects = this;
    return {
             saySomething : function(message){
                              $(selectedObjects).each(function(){
                                $(this).html(message);
                              });
                              return selectedObjects; // Preserve the jQuery chainability 
                            },
             anotherAction : function(){
                               //...
                               return selectedObjects;
                             }
           };}// Usage:$('p').messagePlugin().saySomething('I am a Paragraph').css('color', 'red');

所选对象存储在messagePlugin闭包中，该函数返回一个包含与插件关联的函数的对象，在每个函数中，您可以对当前选定的对象执行所需的操作。

您可以在此处测试和播放代码。

编辑：更新代码以保持jQuery可链接性的强大功能。