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

16 浏览
0 Comments

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

我正在尝试编写一个jQuery插件，该插件将为调用它的对象提供额外的函数/方法。我在网上读了很多教程（已经浏览了2个小时），但最多只包括如何添加选项，而不是额外的函数。

这是我想做的事情：

//通过调用该div的插件将其格式化为消息容器

$("#mydiv").messagePlugin();
$("#mydiv").messagePlugin().saySomething("你好");

或者类似的东西。

问题归结如下：我先调用插件，然后调用与该插件相关联的函数。我找不到这样做的方法，但我以前见过很多插件这样做。

下面是我为插件编写的代码：

jQuery.fn.messagePlugin = function() {
  return this.each(function(){
    alert(this);
  });
  //我尝试过这样做，但似乎不起作用
  jQuery.fn.messagePlugin.saySomething = function(message){
    $(this).html(message);
  }
};

我该如何实现这样的功能？

谢谢！

更新于2013年11月18日：根据Hari的评论和赞同，我将正确答案更改为他的答案。

0