Question

我正在尝试编写自己的功能，就像没有运气一样。 “......不是一个功能”

jQuery.fn.extend ({
myFirstFunction : function () { alert ("first function") }
});

<script type="text/javascript">
    $(function(){           
              $.myFirstFunction();
    });
</script>

Answer 1

$.myFirstFunction = function () { alert ("first function") };

<script type="text/javascript">
$(function(){           
          $.myFirstFunction();
});
</script>

http://jsfiddle.net/Mdqw6/

或

jQuery.fn.extend ({
  myFirstFunction : function () { alert ("first function") }
});

<script type="text/javascript">
    $(function(){           
              $(element).myFirstFunction();
    });
</script>

在http://docs.jquery.com/Plugins/Authoring

了解详情

Answer 2

$.extend()和$.fn.extend()之间存在差异，具体取决于您要执行的操作以及您希望如何访问您的功能：

$.fn.extend({
    myFunction: function(){...}
});
$('div').myFunction();

$.extend({
    myFunction2: function(){...}
});
$.myFunction2();

在您的情况下，请使用$.extend()，它应该可以正常工作。

Answer 3

试试这个。

<script type="text/javascript">
    jQuery.fn.nameOfFunction = function(){
      alert('nameOfFunctuin was called');
    }

    $().ready(function(){
      $('<div></div>').nameOfFunction()
    });
</script>

Answer 4

如果您要做的是添加“全局”jQuery工具，您可能需要：

jQuery.extend({
  myFirstFunction : function () { alert ("first function") }
});

它只是“jQuery.extend”，而不是“jQuery.fn.extend”。你也可以写：

jQuery.myFirstFunction = function() {
  alert("hello world");
};

当你添加一堆函数时，使用“extend（）”很方便。

jquery函数

4 个答案: