如何調用自定義的jQuery函數onClick

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() s各自匹配元素的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

你需要這個自定義功能分配給某些元素的單擊處理程序，如：

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

有什麼要注意的重要的是，你已經通過其jQuery.fn語法加入jQuery的功能應該可用作爲$或jQuery JavaScript對象的一部分。

Answer 3

替換：

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

隨着：

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

（假設你在全球範圍內運行）