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对象有两种方法
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");
在子窗口中操作父窗口: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");