热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

jquery获取iframe中的dom对象(两种方法)

本文为大家详细介绍下父窗口中操作iframe、在子窗口中操作父窗口,获取iframe内的dom对象有两种方法,感兴趣的朋友可以了解下哈,希望对大家有所帮助
父窗口中操作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");

推荐阅读
  • 本周工作重点在于细化用户需求文档,同时深入学习了jQuery的操作技巧及其源码解析。通过阅读知乎上的高质量问答,获取了关于如何有效阅读和理解jQuery源码的专业建议。 ... [详细]
  • 构建Snowflake中的近实时数据摄取管道
    探索如何在Snowflake中构建高效的近实时数据摄取管道,利用其内外表特性及Snowpipe服务,实现数据的快速、稳定加载。 ... [详细]
  • 深入解析Axios与jQuery的核心差异
    本文详细对比了Axios与jQuery在Web前端开发中的应用,探讨两者在异步请求处理、数据封装及请求方式上的不同之处。 ... [详细]
  • 本文介绍了如何利用jQuery库实现HTML页面中节点的创建、添加、删除等操作,并提供了具体的代码示例。 ... [详细]
  • 探讨如何在Vue中确保DOM元素完全渲染后再执行JavaScript代码,特别是涉及动态绑定事件处理程序的情况。 ... [详细]
  • 动画队列的设计目的是为了确保一系列任务能够按照预定顺序执行,每个任务只有在其前一个任务完成后才开始。这些任务既可以是同步的,也可以是异步的。本文将探讨jQuery动画系统中的队列机制,并介绍如何使用队列来优化动画效果。 ... [详细]
  • 本文档详细介绍了如何使用jQuery EasyUI框架中的Dialog对话框组件,包括其基本设置和样式应用。 ... [详细]
  • 本文探讨了在Struts2框架中遇到的两个常见问题:一是特定Action未定义结果input导致的错误;二是前端JavaScript使用jQuery i18n插件时国际化显示不正常的现象。文章详细分析了问题的原因,并提供了有效的解决方案。 ... [详细]
  • 探索PHP中数组遍历的多种方法
    本文深入探讨了PHP中用于数组遍历的四种主要方法,包括传统的for循环、功能强大的foreach循环、结合list()、each()及while()的组合使用,以及利用数组指针进行遍历的技术。 ... [详细]
  • jQuery 1.4.4 已经发布,这是自 1.4.3 版本以来不到一个月的又一更新。本次更新主要集中在基于用户反馈的错误修复,并引入了一项新的功能。 ... [详细]
  • 本文详细介绍了使用 jQuery 对表单中的单选按钮(Radio)、输入框(Input)、复选框(Checkbox)和下拉选择框(Select)进行取值和赋值的方法。通过具体的代码示例,帮助开发者更好地理解和应用这些常用功能。 ... [详细]
  • 探讨 Bootstrap 中是否存在与 jQuery EasyUI 类似的功能丰富的标签页组件,支持通过 URL 加载内容及标签页的关闭功能。 ... [详细]
  • 双向数据绑定技术使得对象属性与用户界面之间可以相互影响,即对象属性的更改能即时反映到界面上,同时用户的界面操作也能同步更新对象状态。本文将介绍如何利用简单的JavaScript代码实现这一功能。 ... [详细]
  • 随着ES6的引入,Promise成为JavaScript处理异步操作的重要工具,极大地简化了回调地狱的问题。通过链式调用的方式,使得代码结构更加清晰和易于维护。本文将探讨如何在旧版浏览器中使用Promise,并提供一个简单的Promise实现。 ... [详细]
  • Django小实战——在线Web计算器(利用Bootstrap进行前端开发)
    Django小实战——在线Web计算器(利用Bootstrap进行前端开发),Go语言社区,Golang程序员人脉社 ... [详细]
author-avatar
奶油晓生2502876643
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有