iframe中的Jquery div隐藏和文本显示

Question

iframe中的Jquery div隐藏和文本显示

<iframe></iframe> - hide
<div>Offline mode!</div> - show?

Answer 1

如果你想操纵iframe的元素，那么你可以得到 this tutorial 的大力支持。

如果你想隐藏iframe，那么这里给出了一个简单的例子 -

$(document).ready(function(){
    $("iframe").hide();

    $("#hide").click(function(){
        $("iframe").hide();
        $("p").show();
    });
    $("#show").click(function(){
        $("iframe").show();
        $("p").hide();
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>


<iframe src="http://www.w3schools.com/html/demo_iframe.htm" width="200" height="200"></iframe>

<p>Offline Mode</p>

<button id="hide">Hide</button>
<button id="show">Show</button>

重新 -

我还不清楚你的要求，所以我必须以这两种方式回答。