jqueryプラグイン学習(3)_jquery

例:

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

$(this).test ().hide ().height();

同様の連結動作を実現するには、メソッドで明示的な戻り値が必要でない限り、各プラグイン メソッドで jquery オブジェクトを返す必要があります。返される jquery オブジェクトは通常、this によって参照されるオブジェクトです。 each() メソッドを使用してこれを反復すると、反復の結果を直接返すことができます。前のセクションの例では、

をさらに変更し、コード を次のようにコピーします。

jQuery.fn .test = function(){
return this.each(function(){ //一致する要素をトラバースします。ここではオブジェクト コレクションを表します。
alert(this.nodeName); // 現在のノードのプロンプトを表示します。 jquery object DOM ノード名
})
}

次に、アプリケーション例で動作を記述できます。たとえば、次の例では、名前を要求するメッセージが表示されます。ノードが最初に表示され、次に現在のノード名を使用して現在の要素に含まれる情報が書き換えられ、最後に要素がゆっくりと非表示になります。

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

$('body *').click (function( ){
$(this).test().html(this.nodeName).hide(1000);
});