Qu'est-ce que l'attribut de contexte ? Explication détaillée des exemples d'attributs de contexte

L'attribut

Overview

context renvoie le contenu original du nœud DOM transmis à jQuery(), c'est-à-dire Le deuxième paramètre de jQuery(). S'il n'est pas spécifié, le contexte pointe vers le document actuel (document).

peut être utilisé avec le sélecteur pour détecter avec précision les situations de requête du sélecteur . Ces deux propriétés sont utiles aux développeurs de plugins.

Si le paramètre de contexte n'est pas transmis à ce moment-là, ce paramètre est par défaut le document actuel. Cette propriété appartient à l'objet (instance) jQuery.

Syntaxe

Cet attribut a été ajouté dans jQuery 1.3, mais a été marqué comme obsolète dans jQuery 1.10. Cet attribut est conservé uniquement pour prendre en charge la méthode live() dans le plug-in jQuery Migrate. Cet attribut pourra être supprimé dans une version ultérieure.

jQueryObject.context

La valeur de retour de la propriété de contexte est de type Element, même si le paramètre de contexte passé dans la fonction jQuery(selector, context) n'est pas de type Element . Si le paramètre de contexte transmis à ce moment-là est un objet jQuery, la propriété de contexte de l'objet jQuery est renvoyée.

Exemple :

Prenons comme exemple le code HTML suivant :

<div id="n1">
    <div id="n2">
        <ul id="n3">
            <li id="n4">item1</li>
            <li id="n5">item2</li>
            <li id="n6">item3</li>
        </ul>
    </div>  
</div>

Nous écrivons le code jQuery suivant :

var $li = $("ul li");
// 返回当前文档的document对象
document.writeln( $li.context ); // [object HTMLDocument]
document.writeln( $li.context === document ); // true
var n1 = document.getElementById("n1");
var $n3 = $( "#n3", n1 );
// 返回n1
document.writeln( $n3.context ); // [object HTMLDivElement]
document.writeln( $n3.context === n1 ); // true
var $n2 = $("#n2");
var $n4 = $( "#n4", $n2 );
// 返回$n2的context属性：document对象
document.writeln( $n4.context ); // [object HTMLDocument]
document.writeln( $n4.context === document ); // true
var $n3 = $("#n3", n1);
var $n5 = $( "#n5", $n3 );
// 返回$n3的context属性：n1
document.writeln( $n5.context ); // [object HTMLDivElement]
document.writeln( $n5.context === n1 ); // true

Exemple : Détecter le contenu du document utilisé

Code jQuery :

 $("ul").append("<li>"+$("ul").context+"</li>")
           .append("<li>"+$("ul", document.body).context.nodeName+"</li>");

Résultat :

 [object HTMLDocument]//如果是IE浏览器，则返回[object]
   BODY

[Note] : $("ul", document.body).context.nodeName Cette phrase signifie trouver l'élément ul dans document.body.

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!