ホームページ >ウェブフロントエンド >jsチュートリアル >toggle()メソッドと組み合わせたjQuery複合イベントの使用例

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

巴扎黑
巴扎黑オリジナル
2017-06-21 16:35:411758ブラウズ

この記事では、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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。