jqueryのエントリ関数を記述する方法はいくつかあります。

jquery のエントリ関数の記述方法は 4 つあります: 1. "$(function(){});" (最も簡潔な記述方法)、2. "$(document).ready" (function(){});"; 3. "jquery(function(){});"; 4. "jquery(document).ready(function(){});"。エントリ関数の機能は、DOM 構造がレンダリングされるのを待ってから、内部のコードを実行することです。

このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

jqueryのエントリー関数

エントリー関数とは何ですか?

まだ印象に残っているかどうかわかりませんが、ネイティブ JS の BOM を学習していたとき、HTML 要素が script タグの後ろにあり、コードが上から下に実行されていたため、エラーが発生しました。そのときの解決策は 2 つあり、1 つ目はload、2 つ目は DOMContentLoaded です。この状況は jQuery にも存在します。スクリプト タグが HTML 要素の前に配置されている場合、エントリ関数が必要です。

関数:

エントリ関数 関数これは、内部のコードを実行する前に、DOM 構造がレンダリングされるのを待つことです。画像や CSS などのすべてのリソースがロードされるのを待つ必要はありません。ネイティブの DOMContentLoaded

と同等です。 JS. 記述方法:

jQuery エントリ関数の記述方法は 4 つあり、以下の図で順番に示します。開発時には第 3 の記述方法を使用することを推奨します。なぜ第 3 の記述方法を推奨するのですか? 他の記述方法は第 3 の記述方法に比べて記述量が多く、コーディング効率が第 3 の記述方法よりも低いからです。方法。 jQuery を使用して JavaScript 操作を簡素化し、記述を減らしてより多くのことを実行できるようにします。

1. 最初のタイプ:

$(document).ready(function(){ 
});

##2. 2 番目のタイプ:

jQuery(document).ready(function(){
 });

3. 3 番目のタイプ (最も簡潔な記述方法、推奨):

$(function(){
 });

# #4. 4 番目のタイプ:

jQuery(function(){ 
});

ビデオ チュートリアルの推奨事項:

jQuery ビデオ チュートリアル

以上がjqueryのエントリ関数を記述する方法はいくつかあります。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。