jquery ready()のいくつかの実装方法をまとめます。

以下は私が今のところ知っているjQueryのready()の書き方です。他の書き方があれば教えてください

1 最もよく使われる標準的な
コードは次のとおりです。

$(

document

).ready(){ });

2. は上記の省略形です:

コードは次のとおりです:

$(function(){

) })

とても奇妙ですか?なぜこのようなことが可能なのでしょうか?ドキュメント

オブジェクト

が準備完了であるかどうかを判断してから、関数を実行するためではないでしょうか? jQueryのソースコードを見てみましょう:
コードは次のとおりです:

//jQuery の

constructor

; var jQuery = function( a, c ) { // $(document).ready() の省略形は $(function(){...}) でのみ実行されます。 if ( a && typeof a == "function" && jQuery.fn.ready )
return
jQuery(document).ready(a);
// パラメータ a が空でないことを確認してください。デフォルト値は document; = || jQuery.context ||
そうだ！見つかったので、$ メソッドのパラメーターを見てみましょう
$(selector,context)
1 つ目はセレクター、2 つ目はコンテナーです

入力されていない場合は、デフォルトでドキュメントになります

3. わかりました！このメソッドは単なる遊びであることを認めます



コードは次のとおりです: jQuery(document).ready(function(){
}) ($){

alert($("#ready1"); .html());

}); 4 番目の方法と 3 番目の方法に違いはありません。よくお読みください。パラメータ $ を functIOn に渡しました

4 番目のメソッドは、jQuery の $ と他のライブラリの間の競合に対処するときに一般的に使用され、jQuery.noConflict() メソッドを通じて、コード内でこれを直接 jQuery に置き換えることができます。 $ を使用したいのですが、$ の使用には慣れていますか? 以下のコードを見てください:

コードは次のとおりです:

jQuery(function($){ alert($( "#ready1") .html()) //$ 記号を再度使用できます
});

以上がjquery ready()のいくつかの実装方法をまとめます。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。