jQuery非常简单的插件，非常基础

Question

我们可以这样称呼jQuery插件吗？ 这在我的插件文件中

    (function($) {

    $.fn.alertme=function(){
    alert('just testing');
    };


    }(jQuery));

我已经包含了插件文件，并在我的主页上调用了该函数...

    <script>
    $(document).ready( function() {

    alertme();
    });


    </script>

我在控制台日志上看到一条错误消息Uncaught ReferenceError: alertme is not defined我什至尝试return alert('just testing'); ，我们该如何解决？

Answer 1

您将函数添加到$.fn ，这是jQuery构造函数原型的别名。 这意味着您的函数将附加到所有创建为$(someArgs)对象上。

例如，在jQuery对象上调用函数

$(document).ready( function() {
   $(document).alertme();
});

要么

$(document).ready( function() {
   $({}).alertme();
});

甚至

$(document).ready( function() {
   $().alertme();
});

但是，如果您不在函数中使用this插件（jQuery对象），那么制作jQuery插件毫无意义。 通常你会做这样的事情：

// logs all elements of the jQuery collection
$.fn.logme=function(){
  this.each(function(){
    console.log(this);
  })
};

$(document).ready( function() {
   $('p').logme();
});

Answer 2

您必须使用jQuery对象调用

尝试这个

$(document).ready( function() {
   $(document).alertme();
});

DEMO