>웹 프론트엔드 >JS 튜토리얼 >JQuery: 토글 시간이 제거된 후 대체 방법 공유

JQuery: 토글 시간이 제거된 후 대체 방법 공유

黄舟
黄舟원래의
2017-06-26 13:39:501990검색

최신 JQuery 라이브러리에서는 jquery-2.2.3.js의 여러 함수가 대체되었습니다. 버전 1.8이나 1.9 이후에는 제거될 예정이라고 합니다.

예:

  1. .live() 1.9 이상은 제거됩니다. 대체 함수: .on().

  2. .die()는 1.9 이상에서 제거되었습니다. 대체 함수: .off(). 1.8 이상의

  3. .size()는 제거됩니다. 대체 기능: .length.

  4. .toggle() 1.8 이상은 제거됩니다.

    토글의 경우 일반적으로 if로 대체됩니다.
    일반적으로 토글 사용:

$(".one .top").toggle(        function (){
             $(".content").show(1500);
             $(".iocn").addClass("jian");

        },        function (){
             $(".content").hide("slow");
               $(".iocn").addClass("jia");

        }
        );

교체 방법 1:

$(".one .top").click(function() {
            if($(".content").css("display")=="none"){
                 $(".content").show(1500);
                 $(".iocn").addClass("jian");
            }else {

                 $(".content").hide("slow");
                 $(".iocn").addClass("jia");
            }

        });

물론 위의 교체 방법에는 한계가 있습니다. 대체 방법 2: if 문.

var i=0;
        $(".one .top").click(function() {
            if(i==0){
                 $(".content").hide("slow");
                 $(".iocn").addClass("jia");
                 i=1;
            }else  {
                 $(".content").show(1500);
                 $(".iocn").addClass("jian");
                 i=0;
            }

        });

괜찮습니다.

위 내용은 JQuery: 토글 시간이 제거된 후 대체 방법 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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