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

Toggle()과 결합된 jQuery 복합 이벤트의 사용 예

小云云
小云云원래의
2018-01-10 09:34:031520검색

이 글에서는 토글() 메소드와 결합된 jQuery 복합 이벤트의 사용을 주로 소개합니다. 예제에서는 토글() 메소드의 기능과 정의 및 복합 이벤트와 결합하여 사용되는 작동 기술을 분석합니다. 그것이 모두에게 도움이 되기를 바랍니다.

이 문서의 예제에서는 토글() 메서드와 결합된 jQuery 복합 이벤트의 사용을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

정의 및 사용법

toggle() 메서드는 두 개 이상의 이벤트 핸들러 함수를 바인딩하여 선택한 요소의 클릭 이벤트에 차례로 응답하는 데 사용됩니다.

구문: ​​

$(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>

관련 권장 사항:

관련 jQuery 복합 이벤트 사용 예

jQuery.fadeToggle() 함수에 대한 자세한 설명 Usage

jQuery.toggle() 함수 사용 예시

위 내용은 Toggle()과 결합된 jQuery 복합 이벤트의 사용 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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