點擊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