解析jquery获取父窗口的元素

要解析jQuery获取父窗口的元素，首先需要了解iframe和window之间的通信。

iframe是HTML中的一种标签，可以在网页中嵌入其他网页，类似于一个容器。但是，由于浏览器的同源策略，iframe中的内容无法直接访问父页面的DOM节点，也不能通过jQuery的常用选择器来查找元素。

但是，可以通过window对象进行通信。每个frame都有一个window对象，而父窗口窗口也有一个window对象。通过这两个window对象之间的交互，可以实现iframe中的元素访问父窗口。

具体解析jQuery获取父窗口的元素的攻略步骤如下：

1. 获取iframe中的window对象

首先，需要获取iframe标签的JavaScript DOM元素，然后再通过该元素的contentWindow属性获取window对象：

var iframe = document.getElementById('myIframe');
var iframeWindow = iframe.contentWindow;

2. 从iframe中的window对象获取父窗口的window对象

接下来，在iframe中的window对象中，可以通过parent属性获取父窗口的window对象：

var parentWindow = iframeWindow.parent;

现在，我们可以在父窗口中使用jQuery操作子窗口中的元素。

3. 在父窗口中使用jQuery查找子窗口中的元素

在父窗口中，首先需要将父窗口的window对象传递给jQuery的$函数，然后再使用.find()方法查找子窗口中的元素：

var childElement = $(iframeWindow.document).find('#childElementId');

其中，iframeWindow.document表示子窗口中的DOM文档对象。

示例1：修改iframe中的输入框的值

HTML代码：

<iframe src="child.html" id="myIframe" name="myIframe"></iframe>

在子页面（child.html）中有一个id为"inputName"的输入框。

JavaScript代码：

var iframe = document.getElementById('myIframe');
var iframeWindow = iframe.contentWindow;
var inputElement = $(iframeWindow.document).find('#inputName');
inputElement.val('new value');

这个例子中，首先获取iframe的window对象，然后在iframe中使用jQuery查找id为inputName的元素。最后，使用.val()方法将输入框的值设置为新值。

示例2：向父窗口中添加一个div

HTML代码：

<iframe src="child.html" id="myIframe" name="myIframe"></iframe>

在父页面中有一个id为"parentDiv"的div，子页面中没有该元素。

JavaScript代码：

var iframe = document.getElementById('myIframe');
var iframeWindow = iframe.contentWindow;
var parentDiv = $(iframeWindow.parent.document).find('#parentDiv');
var newDiv = $('<div/>').addClass('newDivClass').text('new div');
parentDiv.append(newDiv);

这个例子中，首先获取iframe中的window对象，然后在父页面中使用jQuery查找id为parentDiv的元素。接着，创建一个新的div元素，设置其class和文本内容，并使用jQuery的.append()方法将新div添加到parentDiv中。