jquery Readyイベントの4つのメソッドとは何ですか

jquery ready イベントの 4 つのメソッドは次のとおりです: 1. "$(document).ready(function(){...})" メソッド; 2. "jQuery(document).ready(function()" { ...})" メソッド; 3. "$(function(){...})" メソッド; 4. "jQuery(function(){...})" メソッド。

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

jquery Ready イベント

Ready は、DOM (ドキュメント オブジェクト モデル ドキュメント オブジェクト モデル) がロードされ、ページが完全にロードされたときに発生します (ドキュメント オブジェクト モデルを含む)。画像）イベント。

このイベントはドキュメントの準備ができた後に発生するため、他のすべての jQuery イベントと関数をこのイベントに配置することをお勧めします。

jQuery では、ready イベントを記述する方法は次の 4 つがあります。

文法:

//写法1：
$(document).ready(function(){
    ……
})

//写法2：
jQuery(document).ready(function(){
    ……
})

//写法3：
$(function(){
    …… 
})

//写法4：
jQuery(function(){
    ……
})

[コード分析]

• 書き方 1 の $(document) は、まずドキュメントを選択してから、ready() メソッドを呼び出します。次の図に示すように、ready() メソッドのパラメータは匿名関数です。

  

• 方法 2 の記述では、$ は jQuery を指します。したがって、jQuery の代わりに $ を使用できます。この 2 つは同等です。つまり、$() は jQuery() と同等です。

• 書き方 3 は、実際には最も一般的に使用され、最も単純な方法であり、誰もがこれまでに何度も経験したことがあります。実際の開発では、便利で簡潔な形式 $(function(){}) を使用することもお勧めします。

• 4 の記述は 3 の記述の完全な形式です。実際の開発では、これを使用することはお勧めしません。

$(document).ready() は jQuery で最も重要なメソッドであり、ページの読み込み速度を大幅に向上させることができます。

例:

ready() を使用して、ドキュメントのロード後に関数を使用できるようにします:

	
		
		
		
	

	

		
这是一个段落 。
		切换段落的上滑与下滑。

	

[推奨される学習: jQuery ビデオ チュートリアル 、Web フロントエンド ビデオ ]

以上がjquery Readyイベントの4つのメソッドとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。