jQueryのtoggle()メソッド

❮jQueryイベントメソッド

<p>要素をクリックするときに色を切り替えます。

$("p").toggle(
  function(){$("p").css({"color": "red"});},
  function(){$("p").css({"color": "blue"});},
  function(){$("p").css({"color": "green"});
});

定義と使用法

トグル()メソッドはjQueryバージョン1.8で非推奨になり、バージョン1.9で削除されました。

トグル()メソッドは、選択した要素のクリックイベントを切り替えるための2つ以上の関数をアタッチします。

要素をクリックすると、最初に指定された関数が起動し、もう一度クリックすると、2番目の関数が起動します。

注: toggle()と呼ばれるjQueryエフェクトメソッドもあります。どちらが呼び出されるかは、パラメータによって異なります。


構文

$(selector).toggle(function)

Parameter Description
function Required. A function to run every time the selected element is clicked

自分で試してみてください-例


を切り替える複数の機能を切り替える方法。


❮jQueryイベントメソッド