jQueryを学んだので、ドットを追加するだけでjQueryが次々と関数を実行する方法を常に.
考えていました(本名はわかりません。申し訳ありません)。
$("#somediv").fadeIn("fast").css("background","blue");
フェード効果が終了すると、CSS関数が実行されます。好きな機能を次々と実行できるようなものです。
どうやってやるの?
注:名前を間違えた場合は、訂正してください。学びたいだけです。
jQueryを学んだので、ドットを追加するだけでjQueryが次々と関数を実行する方法を常に.
考えていました(本名はわかりません。申し訳ありません)。
$("#somediv").fadeIn("fast").css("background","blue");
フェード効果が終了すると、CSS関数が実行されます。好きな機能を次々と実行できるようなものです。
どうやってやるの?
注:名前を間違えた場合は、訂正してください。学びたいだけです。
これは同じタイプのオブジェクトを返します。これは、テクニックを示す非常に簡単な例です。
var Counter = function(){
this.val = 0;
};
Counter.prototype.increment = function(){
++this.val;
return this;
};
Counter.prototype.decrement = function(){
--this.val;
return this;
};
Counter.prototype.log = function(){
console.log(this.val);
return this;
};
var o = new Counter();
o.increment().increment().decrement().log().increment().log();
これはメソッドチェーンと呼ばれ、メソッドはそれを呼び出したオブジェクトを返します。
また、このテーマに関する次の投稿を参照することも
できます。jQueryはメソッドチェーン
をどのように実行できますか?jqueryチェーンはどのように機能しますか?
短い答えは非常に簡単です。各メソッドは、渡されたセレクターに一致する要素のコレクションを返し、同じコレクションを次の連鎖メソッドに渡すことができます。
ソースを見てreturn this