返回值:Elementcontext
传给 jQuery()
的原始的DOM节点上下文语境,即jQuery()的第二个参数。如果没有传递过第二个参数,那么 context 指向当前的文档(document)。如果没有传递任何参数,那么 context 指向当前的文档(document)。
(原文:The DOM node context originally passed to jQuery()
; if none was passed then context will likely be the document.)
-
1.3 新增context
.live()
方法绑定事件处理函数时会用到这个属性,用于检测将要使用的元素根节点以实现事件委派。需要实现类似功能的插件就很可能需要使用这个属性。
这个属性的值通常等价于 document
。因为 jQuery 对象的 context 参数默认情况下是无需提供的。有时候这个值会有变化,比如说对象是在 <iframe>
中搜索,或者 XML 文档中搜索时创建的。
注意,context 属性仅对使用 jQuery()
选择的元素才有效, 因为用户可能通过类似 .add()
的方法向集合中添加元素,而这些元素可能拥有不同的 context。
示例:
检测实际使用的上下文。
<!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="jquery.min.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>