jquery関数と通常のjavascript関数の違いは？

Question

What'tこのような書き込みjqueryの機能のポイント：

(function($) { 
    $.fn.simple_hide_function = function() { 
    var $t = this; 
    $t.hide(); 
    }; 
})(jQuery); 

$(window).load(function() { 
$('#myId').simple_hide_function(); 
}); 

なぜこのようにそれをしない：

function simple_hide_function(id){ 
id.hide(); 
}; 

$(window).load(function() { 
var my_id = $('#my_id'); 
simple_hide_function(my_id); 
}); 

追加の質問：

それは何の問題もやっているだろうこの？

function simple_hide_function(id){ 
id.hide(); 
}; 

$(window).load(function() { 
var my_id1 = $('#my_id1'), 
my_id2 = $('#my_id2'), 
my_id3 = $('#my_id3'); 
simple_hide_function(my_id1); 
simple_hide_function(my_id2); 
simple_hide_function(my_id3); 
}); 

Answer 1

プラグインバージョンでは、新しい関数を作成してjQueryオブジェクトに追加します。関数をオブジェクトのメンバーにすることで、行内の同じオブジェクトに対して複数の関数が呼び出されるjQueryの連鎖のようなものを利用できます。

2番目のバージョンでは、グローバルスコープで関数を作成し、それにjQueryオブジェクトを渡します。これはグローバルな名前空間を汚染します（今は関数がどこにでも見えるようになりました）、それはjQueryの理念に沿ったものではありません。

しかし、見つけたとおり、機能的な違いはありません。両方とも正常に動作します。

Answer 2

私は、あなたがグローバルな名前空間を乱雑にしているのではないかと考えています。 2番目の例では、simple_hide_functionがウィンドウに属し、名前の競合を引き起こす可能性がありますが、最初の例ではローカル変数です。