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 相关文章推荐
js继承的实现代码
Aug 05 Javascript
jQuery UI Datepicker length为空或不是对象错误的解决方法
Dec 19 Javascript
javascript动态加载二
Aug 22 Javascript
javascript event在FF和IE的兼容传参心得(绝对好用)
Jul 10 Javascript
jQuery实现列表的全选功能
Mar 18 Javascript
AngularJs Scope详解及示例代码
Sep 01 Javascript
浅谈node中的exports与module.exports的关系
Aug 01 Javascript
Bootstrap框架建立树形菜单(Tree)的实例代码
Oct 30 Javascript
浅析node.js的模块加载机制
May 25 Javascript
Vue2.0 v-for filter列表过滤功能的实现
Sep 07 Javascript
微信小程序dom操作的替代思路实例分析
Dec 06 Javascript
使用React-Router实现前端路由鉴权的示例代码
Jul 26 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多线程类及用法实例
2014/12/03 PHP
基于laravel制作APP接口(API)
2016/03/15 PHP
php微信高级接口调用方法(自定义菜单接口、客服接口、二维码)
2016/11/28 PHP
php生成二维码图片方法汇总
2016/12/17 PHP
PHP获取当前日期及本周一是几月几号的方法
2017/03/28 PHP
Extjs EditorGridPanel中ComboBox列的显示问题
2011/07/04 Javascript
JavaScript 基础篇之运算符、语句(二)
2012/04/07 Javascript
jQuery 遍历-nextUntil()方法以及prevUntil()方法的使用介绍
2013/04/26 Javascript
JavaScript获取网页中第一个链接ID的方法
2015/04/03 Javascript
jQuery判断元素是否显示 是否隐藏的简单实现代码
2016/05/19 Javascript
总结AngularJS开发者最常犯的十个错误
2016/08/31 Javascript
利用Query+bootstrap和js两种方式实现日期选择器
2017/01/10 Javascript
详解Webpack DLL用法以及功能
2017/07/11 Javascript
基于Vue2.X的路由和钩子函数详解
2018/02/09 Javascript
js实现京东秒杀倒计时功能
2019/01/21 Javascript
微信小程序连接服务器展示MQTT数据信息的实现
2020/07/14 Javascript
[01:21]DOTA2周边文化主题展 神秘商店火热开售
2017/07/30 DOTA
Python中super关键字用法实例分析
2015/05/28 Python
PHP网页抓取之抓取百度贴吧邮箱数据代码分享
2016/04/13 Python
Python实现对象转换为xml的方法示例
2017/06/08 Python
Python基于回溯法子集树模板解决取物搭配问题实例
2017/09/02 Python
Python探索之ModelForm代码详解
2017/10/26 Python
详解Python中的四种队列
2018/05/21 Python
Django url,从一个页面调到另个页面的方法
2019/08/21 Python
Python安装并操作redis实现流程详解
2020/10/13 Python
Python 2.6.6升级到Python2.7.15的详细步骤
2020/12/14 Python
自荐信格式
2013/12/01 职场文书
网上卖盒饭创业计划书
2014/01/26 职场文书
《小壁虎借尾巴》教学反思
2014/02/16 职场文书
国际贸易专业自荐信
2014/06/10 职场文书
大学活动总结模板
2014/07/10 职场文书
2014班子“三严三实”对照检查材料思想汇报
2014/09/18 职场文书
2015年效能监察工作总结
2015/04/23 职场文书
英语教学课后反思
2016/02/15 职场文书
常用的MongoDB查询语句的示例代码
2021/07/25 MongoDB
Python中文分词库jieba(结巴分词)详细使用介绍
2022/04/07 Python