>  기사  >  웹 프론트엔드  >  Toggle() 메소드와 결합된 jQuery 복합 이벤트 사용 예

Toggle() 메소드와 결합된 jQuery 복합 이벤트 사용 예

巴扎黑
巴扎黑원래의
2017-06-21 16:35:411693검색

이번 글에서는 jQuerycompoundevent의 사용법을 토글() 메소드와 결합하여 소개하고, 토글() 메소드의 기능과 정의, 그리고 복합 이벤트와 결합한 운용 스킬을 분석합니다. it can reference it

이 글의 예제에서는 jQuery 복합 이벤트를 토글() 메소드와 결합하여 사용하는 방법을 설명합니다. 참조를 위해 모든 사람과 공유하세요. 세부 사항은 다음과 같습니다.

정의 및 사용법

toggle() 메서드는 두 개 이상의 선택한 요소의 클릭 이벤트에 차례로 응답하는 이벤트 핸들러 함수입니다. toggle() 方法用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件。

语法:

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

与方法hide()show()

구문: ​​

$(selector).toggle(function1(),function2(),functionN(),...)지정된 요소를 클릭하면 두 개 이상의 기능을 차례로 전환합니다.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.