jQuery_jquery の setTimeout のいくつかの使用方法のまとめ

jQuery で setTimeout を使用するいくつかの方法を例を使用して説明します。まず、テスト用の DIV 関数とパブリック関数を準備します。

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

<スクリプト src="http://www.studyday.net/demo/jquery.js">
<スクリプト言語="JavaScript"> ;
functionlog(s){
$('#div_debug').append(s '
');
}

// 以下のテスト用のコードを使用できます。ここに配置 コメント行の下を //...
//...

オリジナルの JavaScript での setTimeout の基本的な使用法はこんな感じです。

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

//元の JavaScript での setTimeout の基本的な使用法
functionfunA(){
log('funA...');
setTimeout('funA()', 1000);


次に、jQuery で setTimeout を使用するいくつかの方法を示します。

コードをコピー

コードは次のとおりです: //jQuery での使用 functionfunA () {

log('funA...');

setTimeout('funA()', 1000)
}

jQuery(document).ready($ ){
//使用法 1: 外部で呼び出す関数を記述し、グローバル関数にする
funA();

// 使用法 2: 関数名を括弧なしで直接記述しますは許可されません。パラメータのない関数に適しています。
functionfunB(){
log('funB...')
setTimeout(funB, 1000);

//使用法 3: パラメータを持つ関数に適した匿名関数を呼び出すことによって実行されます。
functionfunC(v){
log('funC...' v); function(){funC(v 1)}, 1000);
}
funC(1);

// 使用法 4: jQuery 名前空間に関数を追加することで、アプリケーションのスコープはより広いGuang
$.extend({
funD:function(v){
log('funD...' v);
setTimeout("$.funD(" (v 1) " ) ",1000);
}
使用法 2 と使用法 3 の違いは明らかですが、使用法 3 と使用法 4 の違いは何ですか? 次の例を見ると、使用法 3 と使用法 3 の違いが直感的に理解できます。 2 つの違い:





コードをコピー


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

jQuery(document).ready(function($){
//使用法 3: パラメータを持つ関数に適した無名関数の呼び出しによって実行されます
functionfunC(v){
log ('funC...' v);
setTimeout(function(){funC(v 1)}, 1000);
}

// 使用法 4: jQuery 名前空間を介して関数を追加する
$.extend({
funD:function(v){
log('funD...' v);
setTimeout("$.funD( " (v 1) ")"、1000); /funC(1); //コメントを削除した後にこの文を実行するとエラーが報告されます
$.funD(100); 2 つの違いを理解していますか?
});

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。