jquery如何获取iframe

jquery获取iframe的方法：在dom方法外面加上jquery的选择符，代码为【$(window.frames["iframeChild"].document),$(window.parent.document)】。

本教程操作环境：windows7系统、jquery3.2.1版本，该方法适用于所有品牌电脑。

jquery获取iframe的方法：

在一下网页中，一些人会用到iframe，dom获取页面中的iframe还是很简单的：

父窗口中操作iframe：

window.frames["iframeChild"].document    //假如iframe的id为iframeChild

在子窗口中操作父窗口：window.parent.document

那么，用如果想用jquery的方法，我们怎么用jquery来获取iframe呢？下面是一下收集来的方法。

获取页面的对象其实就是dom方法外面加上jquery的选择符：

父窗口中操作iframe：

$(window.frames["iframeChild"].document)    //假如iframe的id为iframeChild

在子窗口中操作父窗口：$(window.parent.document)

接下来就可以继续获取iframe内的dom了。

获取iframe内的dom对象有两种方法

• $(window.frames["iframeChild"].document).find("#child")
  

• $("#child",window.frames["iframeChild"].document)
  

1.在父窗口中操作 选中IFRAME中的所有单选按钮

$(window.frames["iframeChild"].document).find("input[@type='radio']").attr("checked","true");

2.在IFRAME中操作 选中父窗口中的所有单选按钮

$(window.parent.document).find("input[@type='radio']").attr("checked","true");

相关免费学习推荐：javascript（视频）