Jquery 获取iframe 中元素并设置CSS问题

1、创建一个名称为css的html文件。

2、在页面中加入一个button按钮，当点击button的时候出发click事件。

3、在加入一个div设置宽和高还有背景色，当button的click事件中用css方法修改该div背景色。

4、文件引入jquery 库。

5、在文档准备方法中加入click点击事件。

6、在click事件中加入css方法设置div的背景色。

7、在浏览器中运行该文件。并点击button设置div的背景色。

$(function(){//相当天body的 onload，要等页页面加载完毕后才能找到iframe

 $("#hong")contents()find("body")append("I'm in an iframe!");

});

  </script>

  <iframe width="1198" height="729" name="hong" id="hong" src="" scrolling="no" style="text-align:center"></iframe>

经测试：

一。找子窗口中的元素，用contents()find()的方法可以实现。

比如：

var w=$("#bb")contents()find("#c")contents()find("#ni")html();

找到当前页面中id为bb的iframe下的id为c的iframe下的id为ni的html()

二。找父窗口中的元素，用：

　var a=$(windowparentdocument)find("p");

 找到父元素中的p标签元素

以上就是关于Jquery 获取iframe 中元素并设置CSS问题全部的内容，包括:Jquery 获取iframe 中元素并设置CSS问题、JQuery怎么获取子窗口的元素、jquery如何从多个iframe中查找元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！