页面和页面中的框架共享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"/>