iframe引入的页面如何点击父页面的div改变子页面图片的显示和隐藏

Question

iframe引入的页面如何点击父页面的div改变子页面图片的显示和隐藏
我试过

$("iframeid").contents().find("元素id").css("属性");
document.getElementById('iframeid').contentWindow.ab("函数"); 

都不行

Answer 1

frames可以获取页面中的所有iframe，得到一个类数组对象。
如果页面只有一个iframe,$(frames[0].document).find('.btn');//父页面获取子页面元素
如果知道iframe的name，可以$(frames['name'].document).find('.btn').hide();

Answer 2

改成这样

$(window.parent.document).find("iframeid").contents().find("元素id").css("属性");

Answer 3

在iframe中查找父页面元素的方法：
$('#id', window.parent.document)
在父页面中获取iframe中的元素方法：
$(this).contents().find("#suggestBox")
在iframe中调用父页面中定义的方法和变量：
parent.method
parent.value