Was ist das Kontextattribut? Detaillierte Erläuterung der Beispiele für Kontextattribute

Das

Übersicht

Kontext-Attribut gibt den ursprünglichen DOM-Knoten-Inhalt zurück, der an jQuery() übergeben wurde Der zweite Parameter von jQuery(). Wenn nicht angegeben, verweist der Kontext auf das aktuelle Dokument (Dokument).

kann mit dem Selektor verwendet werden, um Selektor--Abfragesituationen genau zu erkennen. Diese beiden Eigenschaften sind für Plugin-Entwickler nützlich.

Wenn der Kontextparameter zu diesem Zeitpunkt nicht übergeben wird, wird dieser Parameter standardmäßig auf das aktuelle Dokument gesetzt. Diese Eigenschaft gehört zum jQuery-Objekt (Instanz).

Syntax

Dieses Attribut wurde in jQuery 1.3 hinzugefügt, wurde jedoch in jQuery 1.10 als veraltet markiert. Dieses Attribut wird nur zur Unterstützung der live()-Methode im jQuery Migrate-Plug-in beibehalten. Dieses Attribut wird möglicherweise in einer zukünftigen Version entfernt.

jQueryObject.context

Der Rückgabewert der Kontexteigenschaft ist vom Typ Element, auch wenn der an die Funktion jQuery(selector, context) übergebene Kontextparameter nicht vom Typ Element ist . Wenn der zu diesem Zeitpunkt übergebene Kontextparameter ein jQuery-Objekt ist, wird die Kontexteigenschaft des jQuery-Objekts zurückgegeben.

Beispiel:

Nehmen Sie den folgenden HTML-Code als Beispiel:

<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>

Wir schreiben den folgenden jQuery-Code:

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

Beispiel: Ermitteln Sie den verwendeten Dokumentinhalt

jQuery-Code:

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

Ergebnis:

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

[Hinweis]: $("ul", document.body).context.nodeName Dieser Satz bedeutet, das ul-Element in document.body zu finden.

Das obige ist der detaillierte Inhalt vonWas ist das Kontextattribut? Detaillierte Erläuterung der Beispiele für Kontextattribute. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!