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

1. 最も一般的に使用される標準的な

コードをコピーします コードは次のとおりです:

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

2. 上記の略称です:

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

$(function(){
})

奇妙な？なぜこのようなことが可能なのでしょうか?ドキュメント オブジェクトが reADy であるかどうかを判断してから関数を実行する必要があるのではないでしょうか。jQuery のソース コードを見てみましょう:

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

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

$(selector, context)
最初のパラメータはセレクタ、2 番目のパラメータはコンテナです
入力されていない場合はデフォルトになりますドキュメントへ

3.わかりました!この方法は単なる遊びであることを認めます

コードをコピーします コードは次のとおりです:jQuery(ドキュメント).ready(function(){

});

4.

コードをコピーします コードは次のとおりです:jQuery(function($){

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

});


4 番目の方法と 3 番目の方法に違いはありません。よく見てください。パラメータ $ を function に渡しました。$ の代わりに $ を使用したい場合はどうすればよいでしょうか。次のコードを見てください:

コードをコピーします コードは次のとおりです:jQuery.noConflict(); jQuery(function($){

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

});


上記は、私がこれまでに知っている jQuery の Ready() の書き方のいくつかの方法です。他にも書き方がありますので、教えて下さい。