关于jq父窗口调子窗口方法，子调父

   jquery 父、子页面之间页面元素的获取，方法的调用：

1. 父页面获取子页面元素：

    格式：$("#iframe的ID").contents().find("#iframe中的控件ID").click();

    实例：$("#ifm").contents().find("#iBtnOk").click(); // ifm 为 <iframe> 标签 id; iBtnOk 为子页面按钮 id

2. 父页面调用子页面方法：

    格式：$("#iframe的ID")[0].contentWindow.iframe方法();

    实例：$("#ifm")[0].contentWindow().iClick(); // ifm 为 <iframe> 标签 id; iClick为子页面 js 方法

3. 子页面获取父页面元素：

    格式：$("#父页面元素id" , parent.document);

    实例：$("#pBtnOk" , parent.document).click(); // pBtnOk 为父页面标签 id

 原生 js 父页面元素的获取，方法的调用：

1. 子页面调用父页面方法：

    格式：parent.父页面方法

    实例：parent.pClick(); // pClick 为父页面 js 方法

2. 子页面获取父页面元素：

    格式：window.parent.document.getElementById("父窗口元素ID");

 

注：$("#ifm")[0].contentWindow()  方法可写为$("#ifm")[0].contentWindow

 

iframe在复合文档中经常用到，利用jquery操作iframe可以大幅提高效率，本文主要给大家分享了关于简单使用JQUERY来操作IFRAME的一些记录，这个使用纯JS也可以实现。下面话不多说了，来一起看看详细的介绍吧。

第一、在iframe中查找父页面元素的方法：

$('#id', window.parent.document)

第二、在父页面中获取iframe中的元素方法：

$(this).contents().find("#suggestBox")

第三、在iframe中调用父页面中定义的方法和变量：

parent.method parent.value

JQUERY、JS调用IFRAME父窗口与子窗口元素的方法

1. jquery 在iframe子页面获取父页面元素代码如下:

$("#objid", parent.document)

2. jquery在父页面 获取iframe子页面的元素 代码如下:

$("#objid",document.frames('iframename').document)

3.js 在iframe子页面获取父页面元素代码如下:

indow.parent.document.getElementByIdx_x("元素id");

4.js 在父页面获取iframe子页面元素代码如下:

window.frames["iframe_ID"].document.getElementByIdx_x("元素id");

5.子类iframe内调用父类函数：

window.parent.func();