.context


html+div+css+天猫商城
html5+css3+京东手机网站
javascript+jquery+ajax
正则表达式+面向对象+js插件
2D+3D+触屏事件+Canvas+Svg
地理信息+本地存储+H5拖拽api
查看课程大纲

context返回: Element版本过时: 1.10, 移除: 3.0

描述: 原始的DOM节点的内容传给jQuery();如果没有东西被传递,那么上下文将可能是该文档(document)。

  • 添加的版本: 1.3context

.context属性在jQuery 1.10中已经过时,并且,仅为维持支持jQuery的迁移插件( jQuery Migrate plugin)中得.live() 方法。它可能会在未来的版本中删除,恕不另行通知。

.live()方法绑定事件处理器使用此属性,来检测将要使用的元素根节点以实现事件委派。(译者注:.live()方法 在jQuery 1.9中被移除)

这个属性的值通常等于文档document,因为如果没有提供这个属性,默认情况下文档document提供给jQuery对象。上下文可能会有所不同,例如,对象是通过一个<iframe>或XML文档内搜索的。

需要注意的是 上下文属性可能只适用于通过jQuery()选择的原始元素, 因为它是可以让用户将元素添加到集合中,比如通过.add()方法,  这些可以具有不同的上下文。

例子:

确定确切的上下文使用。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html>
<head>
<style>
body { cursor:pointer; }
div { width:50px; height:30px; margin:5px; float:left;
background:green; }
span { color:red; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
Context:<ul></ul>
<script>$("ul")
.append("<li>" + $("ul").context + "</li>")
.append("<li>" + $("ul", document.body).context.nodeName + "</li>");
</script>
</body>
</html>

Demo: