jquery - 运行 jquery 插件的简单方法

Question

我基于教程/模板编写了一个非常简单的 jquery 插件。我想知道除了文档对象之外是否有办法启动插件？

我想像这样运行它：myplugin();

而不是这个：$('.anydiv').myplugin();

因为我的插件不能在元素之上运行。

还是我做错了？

Answer 1

没有安德烈亚斯·诺曼，

您必须将插件创建为 jquery 插件语法并按照您所说的那样调用插件

$('.anydiv').myplugin();

如果你真的想这样打电话：

myplugin();

那么它应该像一个函数

var myplugin = function(){ ...};

function myplugin(){...}
...
....

Answer 2

$.fn.myplugin = function(){
     // your code goes here.
}

资源

引用自 jQuery 网站 -

假设我们要创建一个插件，使一组检索到的元素中的文本变为绿色。我们所要做的就是在 $.fn 中添加一个名为 greenify 的函数，它将像任何其他 jQuery 对象方法一样可用。

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

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

如果要启用链接，$(".myClass").greenify().css('color','white')例如 jquery 调用通常可以返回对原始对象的引用。

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

$( "a" ).greenify().addClass( "greenified" );