页面和页面中的框架共享jquery的问题？

Question

页面称为父页面，父页面中的框架称为子页面。两个页面都会用到jquery，我不想两个页面内都引用jquery，想只在父页面中引入jQuery，子页面使用父页面的jquery。

在子页面中设置

var $ = window.parent.jQuery; // 使子页面$指向父元素jQuery对象

问题：子页面中的jQuery方法用不了。比如子页面代码如下

<h1 id="h1">213</h1>
<script>
	var $ = window.parent.jQuery;
	alert($("#h1").text()) // 弹出框中是空的
	alert($("#h1").attr("id")) // 获取的id是undefined
</script>

请问：子页面可以使用父页面的jquery吗，该如何实现？

下面是我做的测试截图

父页面：

子页面

调试截图

Answer 1

1、几个页面都加载jquery结果是一样的，不存在性能问题，因为有缓存；2、子页面这样用，你能保证父页面的jquery已加载完毕吗？

Answer 2

要这个var $ = window.parent.jQuery;干嘛，jq本来就封装好$了

Answer 3

第一在两个页面引入jquery是这样的 <script type="text/javascript" src="js/query.js"></script>第二子页面父页面是需要<jsp:include  page="xxx.jsp"/>