Javascript 非常简单的jquery自定义函数抛出错误

我有以下代码：

$(document).ready(function() {
    $.fn.addRemoveButton = function() {
        alert(1);
    };

    $.addRemoveButton();
});

我从firebug得到以下错误消息：

TypeError:$.addRemoveButton不是函数 $.addRemoveButton（）

---

为什么以及如何解决此问题？

您需要定义一个选择器，请尝试以下操作：

$(document).ready(function() {
    $.fn.addRemoveButton = function() {
        alert(1);
    };

    $(document).addRemoveButton();
});

---

您需要定义一个选择器，请尝试以下操作：

$(document).ready(function() {
    $.fn.addRemoveButton = function() {
        alert(1);
    };

    $(document).addRemoveButton();
});

---

您需要将其应用于任何

DOM

示例

$(function()
{
    $.fn.addRemoveButton = function() {
        alert(1);
    };
    $('#letit').addRemoveButton();
});

<div id="letit"></div>

jQuery代码

$(function()
{
    $.fn.addRemoveButton = function() {
        alert(1);
    };
    $('#letit').addRemoveButton();
});

<div id="letit"></div>

HTML代码

$(function()
{
    $.fn.addRemoveButton = function() {
        alert(1);
    };
    $('#letit').addRemoveButton();
});

<div id="letit"></div>

---

您需要将其应用于任何

DOM

示例

$(function()
{
    $.fn.addRemoveButton = function() {
        alert(1);
    };
    $('#letit').addRemoveButton();
});

<div id="letit"></div>

jQuery代码

$(function()
{
    $.fn.addRemoveButton = function() {
        alert(1);
    };
    $('#letit').addRemoveButton();
});

<div id="letit"></div>

HTML代码

$(function()
{
    $.fn.addRemoveButton = function() {
        alert(1);
    };
    $('#letit').addRemoveButton();
});

<div id="letit"></div>

---

或者，您可以将其创建为jQuery全局函数：

$(document).ready(function() {
    $.addRemoveButton = function() { // removed the .fn
        alert(1);
    };

    $.addRemoveButton();
});

这将函数绑定到jQuery对象，然后可以像在原始示例中一样使用它

---

有关

jQuery.fn.method

和

jQuery.method

之间的区别，请参见，或者，您可以将其创建为jQuery全局函数：

$(document).ready(function() {
    $.addRemoveButton = function() { // removed the .fn
        alert(1);
    };

    $.addRemoveButton();
});

这将函数绑定到jQuery对象，然后可以像在原始示例中一样使用它

---

有关

jQuery.fn.method

和

jQuery.method

之间的区别，请参见将此应用于

DOM

，并参见..

$（DOM）.addRemoveButton（）

这可能有助于将其应用于

DOM

，请参见..

$（DOM）.addRemoveButton（）这可能会有帮助