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刷新框架子页面的七种方法代码
Nov 20 Javascript
JavaScript 浮点数运算 精度问题
Oct 06 Javascript
JavaScript闭包函数访问外部变量的方法
Aug 27 Javascript
AngularJS学习笔记之TodoMVC的分析
Feb 22 Javascript
jQuery实现伪分页的方法分享
Feb 17 Javascript
vue双花括号的使用方法 附练习题
Nov 07 Javascript
Node使用Sequlize连接Mysql报错:Access denied for user ‘xxx’@‘localhost’
Jan 03 Javascript
vue通过路由实现页面刷新的方法
Jan 25 Javascript
轻松搞定jQuery+JSONP跨域请求的解决方案
Mar 06 jQuery
Makefile/cmake/node-gyp中区分判断不同平台的方法
Dec 18 Javascript
es6中比较有用的7个技巧小结
Jul 12 Javascript
Vue.extend 编程式插入组件的实现
Nov 18 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/10/09 PHP
解决dede生成静态页和动态页转换的一些问题,及火车采集入库生成动态的办法
2007/03/29 PHP
PHP实现MySQL更新记录的代码
2008/06/07 PHP
jQuery EasyUI API 中文文档 - DateBox日期框
2011/10/15 PHP
解决php使用异步调用获取数据时出现(错误c00ce56e导致此项操作无法完成)
2013/07/03 PHP
PHP中的替代语法简介
2014/08/22 PHP
PHP实现C#山寨ArrayList的方法
2015/07/16 PHP
PHP页面跳转操作实例分析(header方法)
2016/09/28 PHP
php获取今日开始时间和结束时间的方法
2017/02/27 PHP
PHP封装的分页类与简单用法示例
2019/02/25 PHP
jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera
2009/08/28 Javascript
JavaScript 闭包在封装函数时的简单分析
2009/11/28 Javascript
javascript内存管理详细解析
2013/11/11 Javascript
根据当前时间在jsp页面上显示上午或下午
2014/08/18 Javascript
在HTML中插入JavaScript代码的示例
2015/06/03 Javascript
JS实现超简单的仿QQ折叠菜单效果
2015/09/21 Javascript
js+css简单实现网页换肤效果
2015/12/29 Javascript
json格式数据的添加,删除及排序方法
2016/01/21 Javascript
Three.js如何实现雾化效果示例代码
2017/09/27 Javascript
使用3D引擎threeJS实现星空粒子移动效果
2020/09/13 Javascript
利用JavaScript的%做隔行换色的实例
2017/11/25 Javascript
vue自定义指令directive的使用方法
2019/04/07 Javascript
在antd中setFieldsValue和defaultVal的用法
2020/10/29 Javascript
利用python程序生成word和PDF文档的方法
2017/02/14 Python
tensorflow TFRecords文件的生成和读取的方法
2018/02/06 Python
Django中日期处理注意事项与自定义时间格式转换详解
2018/08/06 Python
python实现共轭梯度法
2019/07/03 Python
Win系统PyQt5安装和使用教程
2019/12/25 Python
python如何获取apk的packagename和activity
2020/01/10 Python
Python使用windows设置定时执行脚本
2020/11/12 Python
英国著名的药妆网站:Escentual
2016/07/29 全球购物
车间统计员岗位职责
2014/01/05 职场文书
食品业务员岗位职责
2014/03/18 职场文书
微信搭讪开场白
2015/05/28 职场文书
JavaScript与JQuery框架基础入门教程
2021/07/15 Javascript
MySQL数据库⾼可⽤HA实现小结
2022/01/22 MySQL