Toggle()과 결합된 jQuery 복합 이벤트의 사용 예-JS 튜토리얼-php.cn

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

小云云

풀어 주다： 2018-01-10 09:34:03

원래의

1507명이 탐색했습니다.

이 글에서는 토글() 메소드와 결합된 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>

로그인 후 복사