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中关于break,continue的特殊用法与介绍
May 24 Javascript
JavaScript prototype属性深入介绍
Nov 27 Javascript
jQuery代码实现表格中点击相应行变色功能
May 09 Javascript
vue.js中$watch的用法示例
Oct 04 Javascript
js实现日期显示的一些操作(实例讲解)
Jul 27 Javascript
vue-router中scrollBehavior的巧妙用法
Jul 09 Javascript
JavaScript内置对象math,global功能与用法实例分析
Jun 10 Javascript
js实现课堂随机点名系统
Nov 21 Javascript
JS实现简单省市二级联动
Nov 27 Javascript
JS面向对象编程基础篇(二) 封装操作实例详解
Mar 03 Javascript
vue实现从外部修改组件内部的变量的值
Jul 30 Javascript
vue在App.vue文件中监听路由变化刷新页面操作
Aug 14 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 adodb操作mysql数据库
2009/03/19 PHP
变量在 PHP7 内部的实现(一)
2015/12/21 PHP
PHP创建word文档的方法(平台无关)
2016/03/29 PHP
php获取一定范围内取N个不重复的随机数
2016/05/28 PHP
PHP实现单例模式建立数据库连接的方法分析
2020/02/11 PHP
php ActiveMQ的安装与使用方法图文教程
2020/02/23 PHP
javascript showModalDialog 内跳转页面的问题
2010/11/25 Javascript
javascript页面加载完执行事件代码
2014/02/11 Javascript
JS取request值以及自动执行使用示例
2014/02/24 Javascript
Javascript中的关键字和保留字整理
2014/10/16 Javascript
基于Bootstrap重置输入框内容按钮插件
2016/05/12 Javascript
jQuery 3.0 的 setter和getter 模式详解
2016/07/11 Javascript
jQuery插件Validation快速完成表单验证的方式
2016/07/28 Javascript
BootStrap Table实现server分页序号连续显示功能(当前页从上一页的结束序号开始)
2017/09/12 Javascript
react native 文字轮播的实现示例
2018/07/27 Javascript
微信小程序wxml列表渲染原理解析
2019/11/27 Javascript
Python strip lstrip rstrip使用方法
2008/09/06 Python
python中lambda与def用法对比实例分析
2015/04/30 Python
利用Python的Django框架生成PDF文件的教程
2015/07/22 Python
Python之reload流程实例代码解析
2018/01/29 Python
Pandas 按索引合并数据集的方法
2018/11/15 Python
理想高通滤波实现Python opencv示例
2019/01/30 Python
python实现对象列表根据某个属性排序的方法详解
2019/06/11 Python
详解H5 活动页之移动端 REM 布局适配方法
2017/12/07 HTML / CSS
美国医生配方营养补充剂供应商:Healthy Directions
2019/07/10 全球购物
Sandro法国官网:法国成衣品牌
2019/08/28 全球购物
应聘医学检验人员自荐信
2013/09/27 职场文书
2013年高中生自我评价
2013/10/23 职场文书
保险专业大专生求职信
2013/10/26 职场文书
高中生的自我鉴定范文
2014/01/24 职场文书
晚会邀请函范文
2014/01/24 职场文书
公司采购主管岗位职责
2014/06/17 职场文书
银行贷款委托书范本
2014/10/11 职场文书
逃课检讨书
2015/01/26 职场文书
一看就懂的MySQL的聚簇索引及聚簇索引是如何长高的
2021/05/25 MySQL
MySQL 百万级数据的4种查询优化方式
2021/06/07 MySQL