我只是不明白jQuery中的$ .fn

Question

這個語法有什麼問題？

<script> 
jQuery(function() { 
    jQuery.fn.myfunction(myparam) { 
     alert(myparam); 
     return 0; // return jQuery? 
    } 
    myfunction('Hello World'); 
}); 
</script> 

我想了解如何擴展jQuery。

Answer 1

您的語法試圖在jQuery.fn引用上調用稱爲myFunction的方法。

要擴展jQuery對象，你要想這句法：

<script> 
jQuery(function() { 
    jQuery.fn.myfunction = function(myparam) { 
     alert(myparam); 
     return this; // returns the current jQuery object. 
    } 

    // Select something with jQuery using the $() function here. 
    $().myfunction('Hello World'); 
}); 
</script> 

Answer 2

從文檔...

jQuery.fn.extend({ 
    check: function() { 
    return this.each(function() { this.checked = true; }); 
    }, 
    uncheck: function() { 
    return this.each(function() { this.checked = false; }); 
    } 
}); 

查看更多here。

Answer 3

jQuery.fn.myfunction(myparam) { 

應該是

jQuery.fn.myfunction = function(myparam) { 

作爲要分配對象jQuery.fn的function() {...

Answer 4

一個值經由jQuery.myFunction限定的方法，是一個 「靜態」 函數的性質myfunction。您可以通過執行$。你的函數來調用它，而不是綁定到結果集。

相反，jQuery.fn.myFunction上定義的函數綁定到結果集上;如果你在這個函數中做了「this」，你會得到用來調用它的jQuery對象。換句話說，如果你做$（「P」）。myFunction（）「this」在我的函數中將是$（「P」）。