jquery - iframe 上的 jquery .load 添加覆盖 css 样式

Question

我尝试了许多不同的选项，但似乎没有任何效果

我有一个带有许多内联 css 样式的 iframe，其中包含 !important 标签我想在 iframe 加载后覆盖它们

这是我的 jquery 和我失败的 jsfiddle

http://jsfiddle.net/VJuyR/

$(document).ready(function() {   
    $('<iframe />').load(function(){
          alert('the iframe is done loading');
          $(".poweredBy").css("display", "none");
    });        
});

Answer 1

使用iframe代替<iframe />，也使用contents()来获取iframe content然后使用find()你element喜欢，

$('iframe').load(function(){
      alert('the iframe is done loading');
      $(this).contents().find(".poweredBy").css("display", "none");
});

以上将起作用same domain，元素很容易访问。

但是根据同源策略，你会得到permission denied type errors。