toggle()と組み合わせたjQuery複合イベントの使用例

この記事では主に、toggle() メソッドと組み合わせた jQuery 複合イベントの使用法を紹介し、その例では、toggle() メソッドの機能と定義、および複合イベントと組み合わせて使用​​される操作テクニックを分析します。それが皆さんのお役に立てれば幸いです。

この記事の例では、jQuery 複合イベントを toggle() メソッドと組み合わせて使用​​する方法について説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

定義と使用法

toggle() メソッドは、選択された要素のクリック イベントに順番に応答するように 2 つ以上のイベント ハンドラー関数をバインドするために使用されます。

構文:

$(selector).toggle(function1(),function2(),functionN(),...)
指定された要素がクリックされたときに、2 つ以上の関数を切り替えます。

折りたたみ効果を実現するには、メソッド hidden() および show() をバインドします。

具体的な例:

<script type="text/javascript" src="js/jquery.js "></script>
<script type="text/javascript">
 $(function(){
    $("#dt1").toggle(
      function(){$("#p1").show();},
      function(){$("#p1").hide();}
    );
   })
</script>
<dl>
  <dt id="dt1">新闻管理</dt>
  <p id="p1">
  <dd>发布新闻</dd>
  <dd>新闻列表</dd>
  <dd>回收站</dd>
  </p>
</dl>

関連する推奨事項:

関連する jQuery 複合イベントの使用例

jQuery.fadeToggle() 関数の詳細な説明使い方

jQuery.toggle()関数の使用例

以上がtoggle()と組み合わせたjQuery複合イベントの使用例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。