Jquery에서 토글을 사용하는 방법

jquery에서 토글을 사용하는 방법: 1. 요소의 클릭 이벤트에 두 개 이상의 함수를 바인딩하고 클릭에 의해 oggle 자체가 트리거됩니다. 2. 요소 전환의 표시 및 숨기기 효과를 실현합니다.

이 튜토리얼의 운영 환경: windows7 시스템, jquery3.2.1 버전 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

추천: jquery 동영상 튜토리얼

jquery에서 토글을 사용하는 방법:

1. 요소의 클릭 이벤트에 두 개 이상의 기능을 바인딩합니다. 토글은 나중에 추가해야 합니다." 클릭 트리거 이벤트를 바인딩하려면 다음 예와 같이 클릭이 트리거됩니다(클릭으로만 트리거될 수 있음).

<input id="btntest" type="button" value="点一下我" />
<div>我是动态显示的</div>
<script type="text/javascript">
    $(function () {
        $("#btntest")
            $("#btntest").toggle(
            function(){
                $("div").html("我变了！");
            },
            function(){
                $("div").html("我又变了！");
            });
        });
</script>

2. 요소 전환의 표시 및 숨기기 효과:

<input id="btntest" type="button" value="点一下我" />
<div>我是动态显示的</div>
<script type="text/javascript">
    $(function () {
        $("#btntest").bind("click",function(){
            $("div").toggle(500);//此处的 500 是隐藏显示的延迟时间，默认为0，也可以用"slow","normal"或"fast"
                                 //如果里面的值为true（toggle(true)）时只能显示元素，值为false（toggle(false)）时只能隐藏元素。
） }) }); </script>

관련 학습 추천: js 비디오 튜토리얼

위 내용은 Jquery에서 토글을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!