ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery(function(){}) と (function(){})(jQuery)_jquery の違いの簡単な分析
Jquery は優れた Javascript フレームワークです。ここで、Jquery に 2 つのページがロードされた後に実行される関数について説明します。
$(document).ready(function(){
// ここにコードを記述します...
}); DOM のロード時に実行されるコード
は
と省略できます。jQuery(function(){
});
(function(){
})(jQuery);
関数 aa($){}
aa(jQuery)
と同等
平たく言えば、ページが読み込まれた後に必要なコードを実行することを意味します。
ただし、多くの JQUERY プラグインでは、ページが読み込まれた後にのみスタイルが変更されることがあります。ページが飛んだり、ちらついたりする感じがあります。例えば、ui.tab プラグインでは、ページ要素がたくさんあると、それらがすべて表示されて TAB になってしまい、非常にわかりにくくなります。
(function(){})(); 最初に関数を宣言し、宣言の後に直接呼び出すのと同じ関数を実行します。
(funtion(str){alert(str)})("output")); 以下と同等: function OutPutFun(str){alert(str);};OutPutFun("出力" );
jQuery(function(){}); は、DOM オブジェクトを操作するコードを格納するために使用されます。コードの実行時には、DOM オブジェクトはすでに存在します。 jQuery オブジェクトが渡されず、そのメソッド (関数) を jQuery.method を通じて外部から呼び出すことができないため、プラグイン開発用のコードを保存するためには使用できません。
(function(){})(jQuery); はプラグイン開発用のコードを格納するために使用されます。コードの実行時に DOM が存在しない可能性があるため、DOM 操作を直接実行するコードは注意して使用してください。 。