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 25 Javascript
js 静态动态成员 and 信息的封装和隐藏
May 29 Javascript
dojo学习第一天 Tab选项卡 实现
Aug 28 Javascript
Query中click(),bind(),live(),delegate()的区别
Nov 19 Javascript
jquery 检测元素是否存在的实例代码
Nov 19 Javascript
JavaScript实现的SHA-1加密算法完整实例
Feb 02 Javascript
深入理解JS函数的参数(arguments)的使用
May 28 Javascript
JavaScript模块化之使用requireJS按需加载
Apr 12 Javascript
使用jQuery实现动态添加小广告
Jul 11 jQuery
微信小程序实现YDUI的ScrollNav组件
Feb 02 Javascript
Node.js中的child_process模块详解
Jun 08 Javascript
Vue.js页面中有多个input搜索框如何实现防抖操作
Nov 04 Javascript
基于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查询搜索引擎排名位置的代码
2010/01/05 PHP
解决CodeIgniter伪静态失效
2014/06/09 PHP
thinkphp5 migrate数据库迁移工具
2018/02/20 PHP
PhpStorm 如何优雅的调试Hyperf的方法步骤
2019/11/24 PHP
20个非常有用的PHP类库 加速php开发
2010/01/15 Javascript
表单JS弹出填写提示效果代码
2011/04/16 Javascript
JS高级笔记
2011/07/13 Javascript
js 判断checkbox是否选中的操作方法
2012/11/09 Javascript
js加强的经典分页实例
2013/03/15 Javascript
jQuery 获取URL的GET参数值的小例子
2013/04/18 Javascript
用box固定长宽实现图片自动轮播js代码
2014/06/09 Javascript
javascript随机抽取0-100之间不重复的10个数
2016/02/25 Javascript
JavaScript基础知识点归纳(推荐)
2016/07/09 Javascript
JS 终止执行的实现方法
2016/11/24 Javascript
Angular 2.x学习教程之结构指令详解
2017/05/25 Javascript
Vue Cli与BootStrap结合实现表格分页功能
2017/08/18 Javascript
Vue.js实现输入框绑定的实例代码
2017/08/24 Javascript
Nginx 配置多站点vhost 的方法
2018/01/07 Javascript
Vue自定义属性实例分析
2019/02/23 Javascript
Jquery 动态添加元素并添加点击事件实现过程解析
2019/10/12 jQuery
详解js location.href和window.open的几种用法和区别
2019/12/02 Javascript
ckeditor一键排版功能实现方法分析
2020/02/06 Javascript
python实现JAVA源代码从ANSI到UTF-8的批量转换方法
2015/08/10 Python
使用TensorBoard进行超参数优化的实现
2020/07/06 Python
解决Pycharm 中遇到Unresolved reference 'sklearn'的问题
2020/07/13 Python
canvas实现二维码和图片合成的示例代码
2018/08/01 HTML / CSS
英国最大的老式糖果店:A Quarter Of
2017/04/08 全球购物
RetroStage德国:复古服装
2019/02/03 全球购物
构造方法和其他方法的区别
2016/04/26 面试题
高职助产应届生自荐信
2013/09/24 职场文书
实习单位接收函
2014/01/11 职场文书
教师节演讲稿
2014/05/06 职场文书
党员批评与自我批评(5篇)
2014/09/23 职场文书
幼儿教师年度个人总结
2015/02/05 职场文书
宪法宣传标语100条
2019/10/15 职场文书
HTML+VUE分页实现炫酷物联网大屏功能
2021/05/27 Vue.js