Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 Jquery中获取iframe的代码

Jquery中获取iframe的代码

发布时间:2013-07-18   编辑:www.jquerycn.cn
在一下网页中,一些人会用到iframe,dom获取页面中的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对象有两种方法

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

2 $("#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");

您可能感兴趣的文章:
js判断当前页面是否被iframe引用的方法
jquery获取iframe中的dom对象(两种方法)
iframe子页面获取父页面元素的方法
js与jquery获取父窗口、子窗口中iframe的方法
jQuery读取和设定KindEditor值的方法
JQuery操作iframe父页面与子页面的元素与方法(实例讲解)
jquery获取iframe中的dom对象的方法分享
如何用Jquery判断iframe中元素是否存在
JQUERY 获取IFrame中对象及获取其父窗口中对象示例
Jquery更换主题同时刷新iframe页面的代码举例

[关闭]