如何在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对象的一部分提供。