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 相关文章推荐
JavaScript中变量提升 Hoisting
Jul 03 Javascript
兼容主流浏览器的jQuery+CSS 实现遮罩层的简单代码
Oct 14 Javascript
JavaScript里四舍五入函数round用法实例
Apr 06 Javascript
jquery.mousewheel实现整屏翻屏效果
Aug 30 Javascript
超实用的JavaScript表单代码段
Feb 26 Javascript
angularjs使用directive实现分页组件的示例
Feb 07 Javascript
Vue.js实现一个SPA登录页面的过程【推荐】
Apr 29 Javascript
Vue 仿QQ左滑删除组件功能
Mar 12 Javascript
vuex实现的简单购物车功能示例
Feb 13 Javascript
实现elementUI表单的全局验证的方法步骤
Apr 29 Javascript
jQuery实现每日秒杀商品倒计时功能
Sep 06 jQuery
vue实现可拖拽的dialog弹框
May 13 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
DC动画很好看?新作烂得令人发指,名叫《红色之子》
2020/04/09 欧美动漫
php的控制语句
2006/10/09 PHP
PHP mail 通过Windows的SMTP发送邮件失败的解决方案
2009/05/27 PHP
PHP学习笔记(一):基本语法之标记、空白、和注释
2015/04/17 PHP
joomla组件开发入门教程
2016/05/04 PHP
JavaScript 高级语法介绍
2009/06/15 Javascript
JS实现将人民币金额转换为大写的示例代码
2014/02/13 Javascript
document.compatMode的CSS1compat使用介绍
2014/04/03 Javascript
再JavaScript的jQuery库中编写动画效果的指南
2015/08/13 Javascript
JS实现对中文字符串进行utf-8的Base64编码的方法(使其与Java编码相同)
2016/06/21 Javascript
nodeJs内存泄漏问题详解
2016/09/05 NodeJs
实例讲解JavaScript中call、apply、bind方法的异同
2016/09/13 Javascript
React.js绑定this的5种方法(小结)
2018/06/05 Javascript
vuejs2.0运用原生js实现简单拖拽元素功能
2020/08/21 Javascript
如何能分清npm cnpm npx nvm
2019/01/17 Javascript
Vue如何使用混合Mixins和插件开发详解
2020/02/05 Javascript
vue实现商品列表的添加删除实例讲解
2020/05/14 Javascript
python基础教程之popen函数操作其它程序的输入和输出示例
2014/02/10 Python
浅谈flask截获所有访问及before/after_request修饰器
2018/01/18 Python
详解python3安装pillow后报错没有pillow模块以及没有PIL模块问题解决
2019/04/17 Python
Python图像处理PIL各模块详细介绍(推荐)
2019/07/17 Python
对Python _取log的几种方式小结
2019/07/25 Python
django框架创建应用操作示例
2019/09/26 Python
tensorflow实现对张量数据的切片操作方式
2020/01/19 Python
Python文件操作基础流程解析
2020/03/19 Python
基于python爬取有道翻译过程图解
2020/03/31 Python
python如何调用java类
2020/07/05 Python
详解CSS3中nth-child与nth-of-type的区别
2017/01/05 HTML / CSS
HTML5实现预览本地图片
2016/02/17 HTML / CSS
Manuka Doctor英国官网:真正的麦卢卡蜂蜜和护肤品
2018/10/26 全球购物
2014新年寄语
2014/01/20 职场文书
优秀广告词大全
2014/03/19 职场文书
授权委托书格式
2014/07/31 职场文书
我心目中的好老师活动方案
2014/08/19 职场文书
优秀小学生事迹材料
2014/12/26 职场文书
基层党建工作简报
2015/07/21 职场文书