如何在onClick上调用自定义jquery函数

Question

你好。 我是jQuery的新手..我想知道如何通过HTML的onClick属性调用自定义jQuery函数。 这是我正在尝试的基本功能。此外，我想制作参数化函数，并希望调用该函数onClick属性。

我的jQuery函数是：

jQuery.fn.myFadeIn=function() {
    return $('#fadeInDiv').fadeIn();
};

而HTML是：

<input type="radio" name="contentCalls" class="radioButton" id="Calls" onclick="myFadeIn();">

<div id="fadeInDiv">
div to open
</div>

谢谢！

Answer 1

这个插件alert()是每个匹配元素的ID：

jQuery.fn.alertElementId = function()
{
    return this.each(function()
    {
        alert(this.id);
    });
};

并使用它：

// alert() each a-element's ID
$("a").click(function ()
{
    $(this).alertElementId();
});

Answer 2

更换：

jQuery.fn.myFadeIn=function() { return $('#fadeInDiv').fadeIn(); };

附：

var myFadeIn=function() { return $('#fadeInDiv').fadeIn(); };

（假设您在全局范围内运行此功能）

Answer 3

您需要将此自定义函数分配给某个元素的单击处理程序，如下所示：

$("#Calls").click($.myFadeIn);

需要注意的是，通过jQuery.fn语法添加到jQuery的函数应作为$或jQuery JavaScript对象的一部分提供。