jQuery.toggle()イベント関数の詳細説明

toggle() 関数は、回転ハンドラー関数を、一致する各要素の click イベント にバインドするために使用されます。

toggle() は、複数の イベント処理 関数を一致する要素のクリック イベントにバインドするために使用される特別なイベント関数です。クリック イベントがトリガーされるたびに、toggle() 関数はイベント ハンドラーの 1 つを順番に実行します。

たとえば、toggle("click", A, B, C) を使用して、3 つのイベント ハンドラー A、B、C を要素のクリック イベントにバインドします。 1 回目のクリックで A が実行され、2 回目のクリックで B が実行され、3 回目のクリックで C が実行され、4 回目のクリックで A が実行され、5 回目のクリックで B が実行されます... (toggle() が複数回呼び出された場合、ルームは独立しています)。

toggle() 経由でバインドされたイベントを削除するには、unbind() 関数を使用してください。例: unbind("クリック")。

ここで紹介するtoggle()は特殊なクリックイベント関数です

jQueryにも要素の表示/非表示を切り替えるための同名のtoggle()関数があります。

この関数はjQueryオブジェクト(インスタンス)に属します。

構文

この関数は jQuery 1.0 で追加されましたが、1.8 から廃止され、1.9 から削除されました。

jQueryObject.toggle( handler1, handler2 [, handlerN... ] )

Parameters

パラメータの説明

handler1 Function typeで指定されたイベントハンドラ関数1。

handler2 関数タイプで指定されたイベント ハンドラー関数 2。

handlerN オプション/イベント ハンドラー関数 N は関数タイプで指定され、任意の数を指定できます。

イベント関数 toggle() は、現在のイベントを表す Event オブジェクトであるパラメーターをイベント処理関数に渡します。

イベント処理

関数の戻り値 が false の場合、要素のデフォルトのイベント動作がブロックされ、DOM ツリー内でのイベントのバブリングが停止されることを意味します。たとえば、3499910bf9dac5ae3c52d5ede7383485 リンクのクリック イベントのハンドラー関数が false を返す場合、リンクのデフォルトの URL ジャンプ動作を防ぐことができます。

戻り値

toggle() 関数の戻り値は jQuery 型で、現在の jQuery オブジェクト自体を返します。

例と説明

次の初期 HTML コードを参照してください:

c393594a10b4f9bef6c4b9f61373bc5e

以下は toggle() イベントに関連していますtoggle() イベント関数の具体的な使用法を示す関数 jQuery サンプル コード:

function clickHandler1(){
    alert("click-1");
}
function clickHandler2(){
    alert("click-2");
}
function clickHandler3(){
    alert("click-3");
}
function clickHandler4(){
    alert("click-4");
}
$("#btn").toggle( clickHandler1, clickHandler2, clickHandler3, clickHandler4 );
//第1次点击执行clickHandler1
//第2次点击执行clickHandler2
//第3次点击执行clickHandler3
//第4次点击执行clickHandler4
//第5次点击执行clickHandler1
//第6次点击执行clickHandler2
//第7次点击执行clickHandler3
//第8次点击执行clickHandler4
//循环切换执行...

以上がjQuery.toggle()イベント関数の詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。