Maison > interface Web > js tutoriel > JQuery : le partage de méthodes alternatives après le temps de basculement est éliminé

JQuery : le partage de méthodes alternatives après le temps de basculement est éliminé

黄舟
Libérer: 2017-06-26 13:39:50
original
2000 Les gens l'ont consulté

Dans la dernière bibliothèque JQuery, plusieurs fonctions ont été remplacées dans jquery-2.2.3.js. Il faut dire qu'il sera supprimé après la version 1.8 ou 1.9.

Par exemple :

  1. .live() 1.9 ou supérieur est éliminé. Fonction alternative : .on().

  2. .die() a été éliminé au-dessus de la version 1.9. Fonction alternative : .off().

  3. .size() supérieur à 1,8 est éliminé. Fonction alternative : .length.

  4. .toggle() 1.8 ou supérieur est éliminé.

    Pour basculer, il est généralement remplacé par if.
    Si vous utilisez la bascule normalement :

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

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

        }
        );
Copier après la connexion

Première méthode de remplacement :

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

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

        });
Copier après la connexion

Bien sûr, la méthode de remplacement ci-dessus a des limites. Méthode de remplacement deux : instruction 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;
            }

        });
Copier après la connexion

C'est bon.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal