コンテキスト属性とは何ですか?コンテキスト属性の例の詳細な説明-jsチュートリアル-php.cn

コンテキスト属性とは何ですか?コンテキスト属性の例の詳細な説明

伊谢尔伦

リリース： 2017-06-19 09:11:00

オリジナル

5006 人が閲覧しました

概要

contextpropertyは、jQuery()に渡された元のDOMノードコンテンツを返します。これはjQuery()の2番目のパラメータです。指定しない場合、コンテキストは現在のドキュメント (document) を指します。

は、セレクタークエリ状況を正確に検出するためにセレクターと併用できます。これら 2 つのプロパティは、プラグイン開発者にとって役立ちます。

その時点で context パラメータが渡されなかった場合、このパラメータはデフォルトで現在のドキュメントになります。このプロパティは jQuery オブジェクト (インスタンス) に属します。

Syntax

この属性は jQuery 1.3 で追加されましたが、jQuery 1.10 では廃止されたとマークされました。この属性は、jQuery Migrate プラグインの live() メソッドをサポートするためにのみ維持されます。この属性は、将来のバージョンでは削除される可能性があります。

jQueryObject.context

jQuery (セレクター、コンテキスト) 関数に渡されたコンテキストパラメーターが Element 型でない場合でも、コンテキストプロパティの戻り値は Element 型です。このとき渡された context パラメータが jQuery オブジェクトの場合は、jQuery オブジェクトの context プロパティが返されます。

説明例:

次の HTML コードを例として取り上げます:

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

ログイン後にコピー

次の jQuery コードを作成します:

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

ログイン後にコピー

例: 使用されているドキュメントのコンテンツを検出します

jQuery コード:

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

ログイン後にコピー

結果:

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

ログイン後にコピー

[注]: $("ul", document.body).context.nodeName この文は、document.body 内の ul 要素を見つけることを意味します。

以上がコンテキスト属性とは何ですか?コンテキスト属性の例の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。