`
afeifqh
  • 浏览: 119823 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery ifream选择器

阅读更多
  • 没找到很好的方法
  • 只好用DOM方法与jquery方法结合的方式实现了
  • 1.在父窗口中操作 选中IFRAME中的所有单选钮
  • $(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");
  • 2.在IFRAME中操作 选中父窗口中的所有单选钮
  • $(window.parent.document).find("input[@type='radio']").attr("checked","true");
  • iframe框架的:<iframe src="test.html" id="iframe1" width="700" height="300" frameborder="0" scrolling="auto"></iframe>
  • IE7中测试通过 回去你自己试试吧
  • 刚才google到的,补充一下
  • I beat my head against this wall for quite some time.
  • Try this:
  • $("#myid", top.document);
  • the top.document tells the selector to target the myid element which
  • exists in the topmost document (your parent page). In order for this
  • to work, jquery must be loaded in the file which is viewed through the
  • iframe.
  • 我的代码
  • $('#parentElem', top.document).append('<div class="imgbox" id="imgbox"><img class="img" src="pp.png" id="img"></div>');
  • upc不是说了么
  • 1.在父窗口中操作 选中IFRAME中的所有单选钮
  • $(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");
  • 那选择id自然就是依然使用find方法
  • $(window.frames["iframe1"].document).find("#id")
  • 实际楼上上的方法本质上在Jq内部也是调用了find方法父窗体调用IFrame中的方法(right)为ifram的iddocument.frames["right"].expand(); 父窗体:parent;子窗体:opener;(window.opener.reload();)
  • 上面的都是网上摘的,下面补充很重要的一点:
  • 你可能已经注意到了,上面提及的都是自上而下的selector方法,也就是从上级window查找下级window(包括iframe创建的window),如果我们希望从下级window,比如希望通过iframe中的window找到iframe的parentNode,可以这样:
  • var parentFrame=null;
  • if(window!=window.top){parentFrame=window.frameElement.name};
  • 往下就可以直接$(.....
  • 当然,一个topwindow中仅仅包含一个iframe时我们没有必要这样,但当若干iframe存在时,这个方法还是很有用的。


分享到:
评论

相关推荐

    jQuery颜色选择器ColorPicker

    **jQuery颜色选择器ColorPicker详解** 在Web开发中,用户界面的交互性和视觉效果往往对用户体验有着重要影响。其中,颜色选择器是一个常见的组件,它允许用户方便地选取颜色。`jQuery ColorPicker`是一个轻量级且...

    jQuery时间选择器点击选择小时分钟代码

    在网页开发中,jQuery时间选择器是一个非常实用的工具,它允许用户通过点击来选取特定的小时和分钟,为表单输入提供了便利。这个“jQuery时间选择器点击选择小时分钟代码”很可能是一个实现这一功能的代码示例或者...

    jquery周历选择器

    本项目“jquery周历选择器”利用jQuery的灵活性和易用性,构建了一个适用于混合应用程序(Hybrid App)的周历选择器组件。 1. **周历选择器设计**: - 周历选择器通常用于日程管理或时间规划应用,显示一周的日期...

    jQuery基础选择器练习题

    本篇文章将深入探讨jQuery的基础选择器及其在实际编程中的应用,以帮助你更好地理解和掌握这些知识点。 首先,我们来了解一下jQuery的基本选择器。它们是用于选取HTML元素的最基础工具,包括: 1. **ID选择器**: ...

    基于jquery的H5移动端选择器,日期选择器,自定义级联选择器,自定义html选择器

    基于jQuery的H5移动端选择器是为适应移动设备特性和用户体验需求而设计的组件。这些组件通常包括日期选择器、级联选择器和自定义HTML选择器,它们能够提高移动应用的交互性和可操作性。 日期选择器是网页应用中常见...

    jquery 城市选择器

    《jQuery城市选择器详解》 在网页开发中,经常需要实现一种功能,即用户可以选择他们的所在省份和城市,这在注册、填写地址等场景中尤为常见。jQuery城市选择器就是解决这一需求的有效工具,它利用JavaScript和...

    一个简单的jQuery时间选择器

    【标题】"一个简单的jQuery时间选择器" 描述了如何使用jQuery库来创建一个用户友好的时间选择界面。在Web开发中,特别是涉及到用户输入时间的场景,如预订、会议安排等,拥有一个直观易用的时间选择器可以极大提升...

    jquery日期选择器

    3. **初始化插件**:使用jQuery选择器选择该元素,然后调用日期选择器插件的初始化方法,例如`$(selector).dateInput(options);`,其中`options`是可选的配置对象。 4. **配置选项**:根据需求设置日期选择器的配置...

    jquery城市选择器

    《jQuery城市选择器详解》 在网页开发中,常常需要为用户提供便捷的城市选择功能,以满足用户在填写地址或选择服务区域时的需求。jQuery城市选择器便是为此而设计的工具,它结合了jQuery库的强大功能,实现了高效、...

    jquery双向选择器代码

    "jquery双向选择器代码"这个主题涉及的是jQuery中一种特殊的选择器机制,它允许我们从DOM(文档对象模型)中选取元素,同时还能根据某个元素选取其关联的元素,实现数据的双向绑定或者元素间的交互效果。这种功能在...

    JQuery选择器测试 离线版

    在jQuery中,选择器分为多种类型,包括基础选择器、类别选择器、ID选择器、属性选择器、后代选择器、子元素选择器、相邻兄弟选择器和通用选择器等。 1. **基础选择器**:主要包括`$()`,用于选取一个或多个DOM元素...

    jquery样式选择器插件源码demo

    jQuery支持多种类型的选择器,包括基本选择器(如ID选择器、类选择器、标签选择器)、属性选择器、伪类选择器以及组合选择器等。这些选择器可以灵活地帮助我们定位页面中的特定元素,进行操作和样式设置。 该插件的...

    jquery颜色选择器源码

    而“jQuery颜色选择器源码”则是基于jQuery开发的一个插件,用于帮助用户在网页中方便地选取颜色。这个源码提供了一个图形化的界面,使得用户可以通过视觉方式来挑选颜色,常应用于网页设计、表单输入或者UI组件中。...

    jQuery日期选择器插件

    **jQuery日期选择器插件**是一种广泛应用于网页开发中的组件,它允许用户通过交互式的日历界面方便地选择日期。这种插件极大地提高了用户在网页上输入日期的体验,尤其适用于需要用户输入生日、预约日期或者截止日期...

    jquery 颜色选择器,使用简单

    jQuery,一个流行的JavaScript库,提供了许多插件来简化开发人员的工作,其中包括颜色选择器。本篇文章将深入探讨如何利用jQuery轻松实现颜色选择功能,以提高用户界面的交互性。 一、jQuery颜色选择器简介 jQuery...

    jQuery颜色选择器

    jQuery颜色选择器是一种在网页开发中常用的前端工具,它极大地简化了用户在网页上选取颜色的过程。这个插件,称为colpick,是基于jQuery库构建的,为网页设计师和开发者提供了一个直观、易于集成的颜色选择界面。...

    jQuery时间选择器datepicker年月日时分秒选择

    其中,jQuery UI是jQuery的一个扩展库,提供了一系列可交互的用户界面组件,其中包括我们今天要讨论的"日期选择器"——jQuery UI Datepicker。这个插件允许用户方便地选择日期,甚至可以扩展到选择时间,实现年月日...

    jQuery选择器全解.

    ### jQuery选择器全解 #### 一、引言 jQuery是一种快速、简洁的JavaScript库,其核心特性之一便是强大的选择器引擎。通过jQuery选择器,开发者能够轻松地定位和操作DOM(Document Object Model)元素,极大地提高...

    jquery颜色选择器

    4. **初始化插件**:在页面加载完成后(通常在`$(document).ready()`函数中),使用jQuery选择器找到元素并调用颜色选择器插件的初始化方法,设置相关配置,如预设颜色、回调函数等。 5. **事件监听**:你可以监听...

    jquery日历选择器

    《jQuery日历选择器详解与应用实践》 在网页开发中,日历选择器是一种常见的交互元素,它为用户提供了方便的时间输入方式。本篇文章将深入探讨jQuery日历选择器的实现原理、功能特点以及实际应用,帮助开发者更好地...

Global site tag (gtag.js) - Google Analytics