jquey操作Iframe

记录jquery操作iframe

• 子窗口调用父窗口中的方法

// 调用父窗口中的xxx方法
window.parent.xxx();
// 调用最顶层窗口中的方法
window.top.xx() ;
// 子窗口查找父窗口的元素
$('#ele', window.parent.document);

• 子窗口触发父窗口中的事件

 // 记忆中应该这样调用，实际这样是不行的,因为子窗口和父窗口中的jquery对象不是同一个
$(dom1, window.parent.document).trigger('click'); // 错误示例

// 正确方法
window.parent.$(dom1, window.parent.document).trigger('click');

• 父窗口中查找子窗口中的元素

// 查找Iframe（id为iframeId）中的div(id为ele)元素
$('#iframeId').contents().find('div#ele') ;