Jquery中获取iframe的代码


Posted in Javascript onJanuary 11, 2011

父窗口中操作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");

Javascript 相关文章推荐
基于jQuery的合并表格中相同文本的相邻单元格的代码
Apr 06 Javascript
js操作CheckBoxList实现全选/反选(在客服端完成)
Feb 02 Javascript
JS实现列表的响应式排版(推荐)
Sep 01 Javascript
jQuery实现二维码扫描功能
Jan 09 Javascript
浅谈sass在vue注意的地方
Aug 10 Javascript
JavaScript 中Date对象的格式化代码方法汇总
Sep 06 Javascript
Node.js模块全局安装路径配置方法
May 17 Javascript
Vue实现PC端靠边悬浮球的代码
May 09 Javascript
django简单的前后端分离的数据传输实例 axios
May 18 Javascript
通过实例解析vuejs如何实现调试代码
Jul 16 Javascript
纯js+css实现在线时钟
Aug 18 Javascript
jQuery实现推拉门效果
Oct 19 jQuery
基于jQuery的message插件实现右下角弹出消息框
Jan 11 #Javascript
基于jquery的cookie的用法
Jan 10 #Javascript
基于jquery的高性能td和input切换并可修改内容实现代码
Jan 09 #Javascript
IE6中使用position导致页面变形的解决方案(js代码)
Jan 09 #Javascript
原生Js与jquery的多组处理, 仅展开一个区块的折叠效果
Jan 09 #Javascript
JS中动态添加事件(绑定事件)的代码
Jan 09 #Javascript
jquery的extend和fn.extend的使用说明
Jan 09 #Javascript
You might like
PHP简单系统数据添加以及数据删除模块源文件下载
2008/06/07 PHP
ThinkPHP之N方法实例详解
2014/06/20 PHP
php计算指定目录下文件占用空间的方法
2015/03/13 PHP
Zend Framework实现将session存储在memcache中的方法
2016/03/22 PHP
CL vs ForZe BO5 第四场 2.13
2021/03/10 DOTA
JQuery操作tr和td内容的方法实例
2013/03/06 Javascript
javascript禁止超链接跳转的方法
2016/02/02 Javascript
使用vue编写一个点击数字计时小游戏
2016/08/31 Javascript
详解Vue-基本标签和自定义控件
2017/03/24 Javascript
angularjs的select使用及默认选中设置
2017/04/08 Javascript
浅谈关于axios和session的一些事
2017/07/13 Javascript
bootstrap table实现双击可编辑、添加、删除行功能
2017/09/27 Javascript
js隐式转换的知识实例讲解
2018/09/28 Javascript
Bootstrap table 实现树形表格联动选中联动取消功能
2019/09/30 Javascript
Vue中常用rules校验规则(实例代码)
2019/11/14 Javascript
vue单文件组件无法获取$refs的问题
2020/06/24 Javascript
Javascript call及apply应用场景及实例
2020/08/26 Javascript
[10:05]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD 选手采访
2021/03/11 DOTA
python实现自动登录人人网并采集信息的方法
2015/06/28 Python
Linux上安装Python的PIL和Pillow库处理图片的实例教程
2016/06/23 Python
Python中强大的命令行库click入门教程
2016/12/26 Python
python去掉行尾的换行符方法
2017/01/04 Python
Python处理XML格式数据的方法详解
2017/03/21 Python
python命令行参数用法实例分析
2019/06/25 Python
python 利用已有Ner模型进行数据清洗合并代码
2019/12/24 Python
基于python 等频分箱qcut问题的解决
2020/03/03 Python
Python实现小黑屋游戏的完整实例
2021/01/06 Python
中国跨境电子商务网站:NewFrog
2018/03/10 全球购物
《画风》教学反思
2014/04/16 职场文书
学校班班通实施方案
2014/06/11 职场文书
论群众路线学习心得体会
2014/10/31 职场文书
入股协议书范本
2014/11/01 职场文书
2014年客服工作总结范文
2014/11/13 职场文书
《哪吒之魔童降世》观后感:世上哪有随随便便的成功
2019/11/08 职场文书
SpringBoot实现quartz定时任务可视化管理功能
2021/08/30 Java/Android
Springboot如何同时装配两个相同类型数据库
2021/11/17 Java/Android