How to call custom jquery function onClick

Question

Hi. I am new to jQuery.. I want to know how to call custom jQuery function by onClick attribute of HTML. This was the basic I was trying.Further I want to make parametrised function and want to call that function onClick attribute.

my jQuery function is:

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

and the HTML is:

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

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

Thanks!

Answer 1

This plugin alert()s the ID of each matched element:

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

And to use it:

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