jQuery では、チェーンによって 1 つのステートメント内で複数の jQuery メソッドを連結できます。これにより、開発者はコードを合理化し、複雑な操作を簡単に実行できるようになります。
チェーンの基本原理には、各 jQuery メソッドの戻り値が関係します。 jQuery メソッドが呼び出されると、通常、選択された要素を表す jQuery オブジェクトが返されます。これにより、同じ要素セットに対して後続のメソッドを呼び出すことができ、一連の操作が作成されます。
次の jQuery ステートメントを考えてみましょう:
$('myDiv').removeClass('off').addClass('on');
removeClass メソッドは、選択した myDiv 要素から off クラスを削除します。ただし、プリミティブ値を返す代わりに、myDiv を表す jQuery オブジェクトを返します。これにより、addClass などのメソッドをチェーンして追加の変更を実行し続けることができます。
jQuery フレームワークでは、各メソッドは then メソッドでオブジェクトを返すように設計されています。この then メソッドは、返されたオブジェクトに対して即座に実行される関数を受け入れます。各 then 呼び出しの後に後続のメソッドを呼び出すことで、操作を効果的に連鎖させることができます。
たとえば、連鎖メソッドを含む次のカスタム オブジェクトを考えてみましょう。
var obj = { first: function() { alert('first'); return obj; }, second: function() { alert('second'); return obj; }, third: function() { alert('third'); return obj; } } obj.first().second().third();
この例では、1 番目、2 番目、および 3 番目の各メソッドが obj オブジェクトを返し、呼び出しのチェーンを継続できるようにします。
チェーンには、次のようないくつかの利点があります:
免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。 できるだけ早く対応させていただきます。
Copyright© 2022 湘ICP备2022001581号-3