Introduction à la méthode de remplacement de die, navigateur, live, sub, bascule supprimée dans jquery1.9

Il y a plusieurs changements dans jQuery 1.9. Les plus importants sont le navigateur, le live, le die, le sub et le toggle mentionnés dans le titre. Si vous constatez que la version avancée ne fonctionne pas pendant l'utilisation, mais la version inférieure oui. temps, alors vous devez comprendre si c'est l'impact de la mise à niveau de la version. J'ai également réimprimé un article "Guide API pour la mise à niveau et la suppression de jQuery 1.9" auparavant. En fait, je n'en ai jamais utilisé beaucoup, je connais également le navigateur, le live et le basculement. ·

jQuery.browser()

La méthode de modification officielle recommandée consiste à distinguer les différents navigateurs par jugement conditionnel ·

<!--[if lt IE 9]><script src="http://m.cnblogs.com/109793/jquery-1.9.0.js" rel="nofollow"/><![endif]-->
<!--[if gte IE 9]>
<script src="http://m.cnblogs.com/109793/jquery-2.0.0.js" rel="nofollow"/>
<![endif]-->

Si vous devez continuer à utiliser jQuery.browser(), vous pouvez ajouter le plug-in "jquery-browser", mais je n'ai pas testé ce plug -dans.

Pour les besoins de détection des fonctionnalités de votre propre projet, nous vous recommandons fortement d'utiliser une bibliothèque externe, telle que Modernizr, plutôt que de vous fier à la propriété sur jQuery.support. (Étant donné que jQuery prend en charge ces méthodes de détection en interne, elles sont exécutées à chaque chargement de la page, mais certaines propriétés sont supprimées lorsque le code interne de jQuery ne les nécessite plus.) ·

.live()

.live() sera supprimé dans la version 1.9. @ZPS a informé tout le monde dans l'e-mail. Concernant la suppression de la méthode .live(), la mise à jour est relativement simple, il suffit de remplacer ".live()" par ".on()".

.die()

Par rapport à la suppression de la méthode « .live() », la méthode « .die() » est également supprimée de la 1.9 et remplacée par « .off( )"méthode. Tout comme avant la version 1.9, de nombreuses personnes n'ont prêté attention qu'à la méthode ".live()", mais ne savaient pas qu'il existe également une méthode ".die()". Il peut également y avoir des codeurs qui ne savent pas comment la supprimer. le ajouté par l'événement .on() est en fait un événement qui est supprimé et ajouté à l'aide de ".off()". La méthode

jQuery.sub()

.sub() peut créer une nouvelle copie de jQuery sans affecter l'objet jQuery d'origine. Ma compréhension de cette méthode Oui : Dans. En fait, la méthode .sub() consiste à ajouter ou à réécrire la méthode jQuery ou à créer un nouveau plugin, ce qui doit être discuté.

Dans le guide de mise à niveau ci-dessus, la méthode .sub() n'a pas été supprimée, mais a été déplacée vers d'autres plugins, elle devrait donc toujours être utilisable, tant que le plugin correspondant est référencé.

Donne officiellement deux situations spécifiques pour l'utilisation de .sub() : l'une consiste à fournir un moyen simple de réécrire la méthode jQuery sans changer la méthode d'origine, et l'autre est d'aider les utilisateurs à résoudre le problème de l'encapsulation du plugin jQuery. et un espace de noms de base.

.toggle(function, function, … )

Le plug-in jQuery suivant peut restaurer la fonction bascule de 1.8. Si vous en avez besoin, vous pouvez directement copier le code suivant dans votre jQuery, puis utilisez la fonction bascule comme d'habitude.

//toggle plugin from caibaojian.com
$.fn.toggler = function( fn, fn2 ) {
    var args = arguments,guid = fn.guid || $.guid++,i=0,
    toggler = function( event ) {
      var lastToggle = ( $._data( this, "lastToggle" + fn.guid ) || 0 ) % i;
      $._data( this, "lastToggle" + fn.guid, lastToggle + 1 );
      event.preventDefault();
      return args[ lastToggle ].apply( this, arguments ) || false;
    };
    toggler.guid = guid;
    while ( i < args.length ) {
      args[ i++ ].guid = guid;
    }
    return this.click( toggler );
  };

En fait, la bascule a été supprimée principalement parce qu'elle créerait de la confusion, et elle peut déjà être implémentée dans jquery, donc c'est redondant.

On peut changer

//code from http://caibaojian.com/jquery1-9-tutorial.html
$('#example').click(function(){$("#exampleBox").toggle();})

en

$('#example').click(function(){
    if($("#exampleBox").is(":visible")){
        $("#exampleBox").hide();
        do stuff
    }else{
        $("#exampleBox").show();
        do stuff
    }
})
$("#example").hover(function(){$("#exampleBox").toggle(); })

en

$("#example").hover(function(){
$("#exampleBox").show();
},function(){
$("#exampleBox").hide();
});

Plus clair

Ou vous pouvez utiliser toggleClass pour afficher et masquer en ajoutant des classes.

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!