컨텍스트 속성이란 무엇입니까? 컨텍스트 속성 예에 대한 자세한 설명

Overview

contextproperty는 jQuery()의 두 번째 매개변수인 jQuery()에 전달된 원본 DOM node콘텐츠를 반환합니다. 지정하지 않으면 컨텍스트는 현재 문서(document)를 가리킵니다.

선택기 쿼리 상황을 정확하게 감지하기 위해 선택기와 함께 사용할 수 있습니다. 이 두 속성은 플러그인 개발자에게 유용합니다.

당시 컨텍스트 매개변수가 전달되지 않으면 이 매개변수의 기본값은 현재 문서로 설정됩니다. 이 속성은 jQuery 개체(인스턴스)에 속합니다.

Syntax

이 속성은 jQuery 1.3에 추가되었지만 jQuery 1.10에서는 더 이상 사용되지 않는 것으로 표시되었습니다. 이 속성은 jQuery Migrate 플러그인에서 live() 메소드를 지원하기 위해서만 유지됩니다. 이 속성은 향후 버전에서 제거될 수 있습니다.

jQueryObject.context

jQuery(selector, context) 함수에 전달된 context 매개변수가 Element 유형이 아니더라도 context 속성의 반환 값은 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!