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

この記事では、jQuerycompoundeventをtoggle()メソッドと組み合わせて使用​​する方法を主に紹介し、toggle()メソッドの機能と定義、複合イベントと組み合わせた操作スキルを分析します。それを参照できます

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

定義と使用法

toggle() メソッドは、2 つ以上の 選択された要素のクリック イベントに順番に応答するイベント ハンドラー関数。 toggle() 方法用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件。

语法：

$(selector).toggle(function1(),function2(),functionN(),...)<br>当指定元素被点击时，在两个或多个函数之间轮流切换。

与方法hide()、show()

$(selector).toggle(function1(),function2(),functionN(),...)指定された要素をクリックすると、 2 1 つ以上の機能を順番に切り替えます。

メソッド hide() と 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>

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