ホームページ >ウェブフロントエンド >jsチュートリアル >toggle()メソッドと組み合わせたjQuery複合イベントの使用例
この記事では、jQuerycompoundeventをtoggle()メソッドと組み合わせて使用する方法を主に紹介し、toggle()メソッドの機能と定義、複合イベントと組み合わせた操作スキルを分析します。それを参照できます
この記事の例では、jQuery 複合イベントと toggle() メソッドの組み合わせの使用について説明します。参考のために皆さんと共有してください。詳細は次のとおりです:
定義と使用法
toggle()
メソッドは、2 つ以上の 選択された要素のクリック イベントに順番に応答するイベント ハンドラー関数。 toggle()
方法用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件。
语法:
$(selector).toggle(function1(),function2(),functionN(),...)<br>
当指定元素被点击时,在两个或多个函数之间轮流切换。
$(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 サイトの他の関連記事を参照してください。