点击div外区域隐藏div操作(嵌套iframe页面)

一、正常页面

$(document).click(function(){
        $(dom).hide();//要隐藏的div
 });

二、嵌套iframe页面 （我实现的是点击子页面隐藏父页面的元素）

除了写正常页面的操作之外，也需要在子页面里面写第二个操作

$(document).click(function(){//父页面
        $(dom).hide();//要隐藏的div
 });
 $(document).click(function(){//子页面
     $(dom,window.parent.document).hide();
 });

因为子页面里不能直接获取到父页面的元素，所以需要在子页面里面另外写：
$(dom,window.parent.document).hide();

补充：jquery中父子页面之间获取元素

父页面获取子页面元素：

$("#iframe的ID").contents().find("#iframe子页面的ID").click();

父页面调用子页面方法：

$("#iframe的ID")[0].contentWindow.子页面 js 方法(); 

子页面获取父页面元素：

$("#父页面元素ID" , parent.document);

子页面操作父页面方法：

window.parent.父页面 js 方法();

 

原文链接：https://blog.csdn.net/amao_aguai/java/article/details/86217900