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 相关文章推荐
newxtree.js代码
Mar 13 Javascript
javascript setTimeout和setInterval 的区别
Dec 08 Javascript
如何让页面加载完成后执行js
Jun 26 Javascript
Jquery读取URL参数小例子
Aug 30 Javascript
jquery ajax实现下拉框三级无刷新联动,且保存保持选中值状态
Oct 29 Javascript
js的toLowerCase方法用法实例
Jan 27 Javascript
深入理解node.js之path模块
May 03 Javascript
easyui简介_动力节点Java学院整理
Jul 14 Javascript
微信小程序用户自定义模版用法实例分析
Nov 28 Javascript
微信小程序实现文字跑马灯
May 26 Javascript
jQuery设置下拉框显示与隐藏效果的方法分析
Sep 15 jQuery
Echarts在Taro微信小程序开发中的踩坑记录
Nov 09 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的网址
2006/11/25 PHP
基于php设计模式中单例模式的应用分析
2013/05/15 PHP
php使用PDO操作MySQL数据库实例
2014/12/30 PHP
php缓冲输出实例分析
2015/01/05 PHP
IE与Firefox在JavaScript上的7个不同写法小结
2009/09/14 Javascript
jquery中选择块并改变属性值的方法
2013/07/31 Javascript
对象题目的一个坑 理解Javascript对象
2015/12/22 Javascript
JavaScript对象参数的引用传递
2016/01/14 Javascript
JavaScript函数柯里化详解
2016/04/29 Javascript
require.js 加载 vue组件 r.js 合并压缩的实例
2016/10/14 Javascript
详解JS获取HTML DOM元素的8种方法
2017/06/17 Javascript
javascript+jQuery实现360开机时间显示效果
2017/11/03 jQuery
详解刷新页面vuex数据不消失和不跳转页面的解决
2018/01/30 Javascript
jQuery实现的鼠标拖动浮层功能示例【拖动div等任何标签】
2018/12/29 jQuery
webpack4手动搭建Vue开发环境实现todoList项目的方法
2019/05/16 Javascript
JS表格的动态操作完整示例
2020/01/13 Javascript
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
2020/07/19 Javascript
vuecli项目构建SSR服务端渲染的实现
2020/10/30 Javascript
js定时器出现第一次延迟的原因及解决方法
2021/01/04 Javascript
对numpy 数组和矩阵的乘法的进一步理解
2018/04/04 Python
python3第三方爬虫库BeautifulSoup4安装教程
2018/06/19 Python
Python列表推导式与生成器用法分析
2018/08/02 Python
Selenium chrome配置代理Python版的方法
2018/11/29 Python
python实现对输入的密文加密
2019/03/20 Python
利用CSS3实现进度条的两种姿势详解
2017/03/21 HTML / CSS
全世界最美丽的四星和五星级酒店预订:Prestigia.com
2017/11/15 全球购物
Myprotein荷兰官网:欧洲第一运动营养品牌
2020/07/11 全球购物
应届毕业生自荐信例文
2014/02/26 职场文书
2014年人力资源部工作总结
2014/11/19 职场文书
银行客户经理岗位职责
2015/04/09 职场文书
挂职锻炼工作总结2015
2015/05/28 职场文书
八月一日观后感
2015/06/10 职场文书
HTML页面滚动时部分内容位置固定不滚动的实现
2021/04/14 HTML / CSS
mysql自增长id用完了该怎么办
2022/02/12 MySQL
Java 异步任务计算FutureTask
2022/04/28 Java/Android
Java Redisson多策略注解限流
2022/09/23 Java/Android