教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 Jquery中获取iframe的代码

Jquery中获取iframe的代码

发布时间:2013-07-18   编辑:jiaochengji.com
在一下网页中,一些人会用到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");

您可能感兴趣的文章:
JQuery与iframe交互实现代码
js判断当前页面是否被iframe引用的方法
Jquery中获取iframe的代码
jquery获取iframe中的dom对象(两种方法)
js与jquery获取父窗口、子窗口中iframe的方法
iframe子页面获取父页面元素的方法
jQuery读取和设定KindEditor值的方法
JQuery操作iframe父页面与子页面的元素与方法(实例讲解)
jquery获取iframe中的dom对象的方法分享
如何用Jquery判断iframe中元素是否存在

[关闭]
~ ~