Rumah > hujung hadapan web > tutorial js > context属性是什么?context属性实例详解

context属性是什么?context属性实例详解

伊谢尔伦
Lepaskan: 2017-06-19 09:11:00
asal
5075 orang telah melayarinya

概述

context属性返回传给jQuery()的原始的DOM节点内容,即jQuery()的第二个参数。如果没有指定,那么context指向当前的文档(document)。

可以与selector一起使用,用于精确检测选择器查询情况。这两个属性对插件开发人员很有用。

如果当时没有传入context参数,则该参数默认为当前文档(document)。该属性属于jQuery对象(实例)。

语法

jQuery1.3 新增该属性,但在 jQuery 1.10 中被标识为已过时。保持该属性只是为了在jQuery Migrate插件中支持live()方法的需要,该属性可能会在未来的版本中被移除。

jQueryObject.context

context属性的返回值是Element类型,哪怕当时传入jQuery(selector, context)函数的context参数不是Element类型。如果当时传入的context参数是jQuery对象,则返回该jQuery对象的context属性。

示例说明:

以下面这段HTML代码为例:

1

2

3

4

5

6

7

8

9

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

Salin selepas log masuk

我们编写如下jQuery代码:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

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

Salin selepas log masuk

示例:检测使用的文档内容

  jQuery代码:  

1

2

$("ul").append("<li>"+$("ul").context+"</li>")

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

Salin selepas log masuk

 结果:  

1

2

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

  BODY

Salin selepas log masuk

【注】:$("ul", document.body).context.nodeName 这句的意思是在document.body里面找ul元素。

Atas ialah kandungan terperinci context属性是什么?context属性实例详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan