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 相关文章推荐
主页面中的两个iframe实现鼠标拖动改变其大小
Apr 16 Javascript
JS获取DropDownList的value值与text值的示例代码
Jan 07 Javascript
javascript中定义私有方法说明(private method)
Jan 27 Javascript
jquery操作对象数组元素方法详解
Nov 26 Javascript
JavaScript开发者必备的10个Sublime Text插件
Feb 27 Javascript
js H5 canvas投篮小游戏
Aug 18 Javascript
jQuery删除节点用法示例(remove方法)
Sep 08 Javascript
jquery获取input type=text中的值的各种方式(总结)
Dec 02 Javascript
JS常用加密编码与算法实例总结
Dec 22 Javascript
Three.js实现绘制字体模型示例代码
Sep 26 Javascript
vue使用原生swiper代码实例
Feb 05 Javascript
vue+springboot实现登录验证码
May 27 Vue.js
基于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 Cookie的一个使用注意点
2008/11/08 PHP
PHP JSON格式数据交互实例代码详解
2011/01/13 PHP
php和javascript之间变量的传递实现代码
2012/12/19 PHP
Smarty模板引擎缓存机制详解
2016/05/23 PHP
php实现留言板功能(代码详解)
2017/03/28 PHP
laravel 解决Eloquent ORM的save方法无法插入数据的问题
2019/10/21 PHP
Yii框架学习笔记之应用组件操作示例
2019/11/13 PHP
对采用动态原型方式无法展示继承机制得思考
2009/12/04 Javascript
Jquery UI震动效果实现原理及步骤
2013/02/04 Javascript
通过遮罩层实现浮层DIV登录的js代码
2014/02/07 Javascript
JS实现简单的右下角弹出提示窗口完整实例
2016/06/21 Javascript
jQuery实现定位滚动条位置
2016/08/05 Javascript
webpack处理 css\less\sass 样式的方法
2017/08/21 Javascript
Vue仿手机qq的实例代码(demo)
2017/09/08 Javascript
vue.js 实现图片本地预览 裁剪 压缩 上传功能
2018/03/01 Javascript
Node.js搭建WEB服务器的示例代码
2018/08/15 Javascript
深入理解 Koa 框架中间件原理
2018/10/18 Javascript
JavaScript时间与时间戳的转换操作实例分析
2018/12/07 Javascript
layui 表格操作列按钮动态显示的实现方法
2019/09/06 Javascript
Python中的map、reduce和filter浅析
2014/04/26 Python
详解Python的单元测试
2015/04/28 Python
Python文件操作之合并文本文件内容示例代码
2017/09/19 Python
python爬虫_微信公众号推送信息爬取的实例
2017/10/23 Python
Python批量删除只保留最近几天table的代码实例
2019/04/01 Python
python hough变换检测直线的实现方法
2019/07/12 Python
python每天定时运行某程序代码
2019/08/16 Python
Python autoescape标签用法解析
2020/01/17 Python
使用 pytorch 创建神经网络拟合sin函数的实现
2020/02/24 Python
Python QT组件库qtwidgets的使用
2020/11/02 Python
在vscode中启动conda虚拟环境的思路详解
2020/12/25 Python
优秀士兵个人事迹材料
2014/01/19 职场文书
2014个人年终工作总结范文
2014/12/15 职场文书
志愿者服务宣传标语口号
2015/12/26 职场文书
python实现简单的名片管理系统
2021/04/26 Python
python可视化大屏库big_screen示例详解
2021/11/23 Python
Python中request的基本使用解决乱码问题
2022/04/12 Python