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 相关文章推荐
jqPlot 基于jquery的画图插件
Apr 26 Javascript
JavaScript 放大镜 放大倍率和视窗尺寸
May 09 Javascript
js图片自动切换效果处理代码
May 07 Javascript
图解js图片轮播效果
Dec 20 Javascript
javascript运动框架用法实例分析(实现放大与缩小效果)
Jan 08 Javascript
BootStrap下jQuery自动完成的样式调整
May 30 Javascript
网页中右键功能的实现方法之contextMenu的使用
Feb 20 Javascript
Bootstrap 过渡效果Transition 模态框(Modal)
Mar 17 Javascript
深入探究node之Transform
Jul 20 Javascript
如何在微信小程序里面退出小程序的方法
Apr 28 Javascript
一次让你了解全部JavaScript的作用域
Jun 24 Javascript
vue3不同环境下实现配置代理
May 25 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 用数组降低程序的时间复杂度
2009/12/04 PHP
PHP实现克鲁斯卡尔算法实例解析
2014/08/22 PHP
PHP的自定义模板引擎
2017/03/24 PHP
laravel中数据显示方法(默认值和下拉option默认选中)
2019/10/11 PHP
出现“不能执行已释放的Script代码”错误的原因及解决办法
2007/08/29 Javascript
javascript StringBuilder类实现
2008/12/22 Javascript
[推荐]javascript 面向对象技术基础教程
2009/03/03 Javascript
jquery select 设置默认选中的示例代码
2014/02/07 Javascript
jQuery中outerHeight()方法用法实例
2015/01/19 Javascript
js插件YprogressBar实现漂亮的进度条效果
2015/04/20 Javascript
JS中的hasOwnProperty()和isPrototypeOf()属性实例详解
2016/08/11 Javascript
js替换字符串中所有指定的字符(实现代码)
2016/08/17 Javascript
基于JavaScript实现Tab选项卡切换效果
2016/11/24 Javascript
第一次记录Bootstrap table学习笔记(1)
2017/05/18 Javascript
JavaScript调试之console.log调试的一个小技巧分享
2017/08/07 Javascript
Vue2.0基于vue-cli+webpack Vuex的用法(实例讲解)
2017/09/15 Javascript
基于vue-resource jsonp跨域问题的解决方法
2018/02/03 Javascript
webpack打包node.js后端项目的方法
2018/03/10 Javascript
vue新vue-cli3环境配置和模拟json数据的实例
2018/09/19 Javascript
vue.js循环radio的实例
2019/11/07 Javascript
[01:05:56]Liquid vs VP Supermajor决赛 BO 第二场 6.10
2018/07/04 DOTA
python将多个文本文件合并为一个文本的代码(便于搜索)
2011/03/13 Python
从零学Python之入门(五)缩进和选择
2014/05/27 Python
Python的collections模块中的OrderedDict有序字典
2016/07/07 Python
Django框架文件上传与自定义图片上传路径、上传文件名操作分析
2019/05/10 Python
Python中利用LSTM模型进行时间序列预测分析的实现
2019/07/26 Python
python 实现多线程下载m3u8格式视频并使用fmmpeg合并
2019/11/15 Python
Python无损压缩图片的示例代码
2020/08/06 Python
小白教你PyCharm从下载到安装再到科学使用PyCharm2020最新激活码
2020/09/25 Python
python 根据列表批量下载网易云音乐的免费音乐
2020/12/03 Python
Python绘制词云图之可视化神器pyecharts的方法
2021/02/23 Python
全球性的在线购物网站:Zapals
2017/03/22 全球购物
打架检讨书50字
2014/01/11 职场文书
2016年“我们的节日·中秋节”活动总结
2016/04/05 职场文书
MySQL 慢查询日志深入理解
2021/04/22 MySQL
golang协程池模拟实现群发邮件功能
2021/05/02 Golang