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