jQuery获取iframe子页面元素

iframe元素会创建包含另外一个文档的内联框架，并且所有浏览器都支持iframe标签。通常在复合型网页中会使用到，使用jQuery可以轻松的从iframe中调用元素的方法和定义变量，也能从iframe框架中调用父元素的方法和获取变量。

使用方法

先在html中引入jQuery的js

<script type="text/javascript" src="//code.jquery.com/jquery-1.11.1.min.js"></script>

iframe操作父页面

1、在iframe中获取父页面元素

$('#id', window.parent.document);
// 或者
$("#obj", parent.document);

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

parent.method
parent.value

3、在iframe中调用父页面元素的方法

window.parent.func();

父页面操作iframe

1、获取iframe中的元素

$(this).contents().find("#iframe_obj");

2、获取iframe子页面的元素

$("#iframe_id",document.frames('iframename').document)；
// 或者
window.frames["iframe_ID"].document.getElementById("iframe_id");