`
夏末忆逝
  • 浏览: 146442 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

使用jQuery获取父页面元素及子页面元素的方法

阅读更多
背景:

子页面元素是include进来的,在子页面元素需要获取父页面的元素做一些操作..

jquery提供了一个很好的方法

$("#父页面元素id" , parent.document) 
同样适用于iframe


背景:

子页面元素是include进来的,在父页面元素需要获取子页面的元素做一些操作..

方法:

$('#子页面元素').contents().find('#需要找的子页面元素').addClass('on');

注:#子页面元素需包含#需要找的子页面元素

同级frame间互相操作
$(self.parent.frames["frame2"].document).find('xx');


分享到:
评论

相关推荐

    Jquery子页面获取父页面元素,子页面向父页面添加元素

    父页面动态的获取子页面的元素,以及弹出子页面的时候获取父页面的元素;

    jquery获取父对象

    在探讨如何使用jQuery获取父对象的过程中,我们首先要理解jQuery库为网页开发带来的便捷与高效。jQuery,作为一款轻量级的JavaScript库,极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作,使其成为前端...

    Jquery调用iframe父页面中的元素及方法

    本文将详细介绍如何使用jQuery来查找和操作iframe父页面中的元素和方法。 首先,需要明确iframe元素可以被视为一个小型的浏览器窗口,它有自己的文档对象模型(DOM)。要与iframe中的DOM交互,需要通过iframe的...

    jquery、js调用iframe父窗口与子窗口元素的方法整理.docx

    jquery、js调用iframe父窗口与子窗口元素的方法整理 在Web开发中,iframe是一个常用的技术,用于在一个HTML文档中嵌入另一个HTML文档。然而,在使用iframe时,经常会遇到一个问题:如何在iframe中访问父窗口的元素...

    JS与jQuery实现子窗口获取父窗口元素值的方法

    本文介绍了如何在JS与jQuery中实现子窗口获取父窗口元素值的方法,涉及了窗口对象操作、DOM元素访问、事件处理等关键技术点。掌握这些知识点对于Web开发人员来说十分重要,尤其是在需要实现复杂用户交互时。如果想...

    jQuery实现获取元素索引值index的方法

    通过这些知识点,开发者可以灵活地使用jQuery来处理页面元素的各种交互逻辑,从而增强网页的用户体验。 更深入地了解jQuery,我们还可以学习相关的专题知识,如页面元素操作技巧、扩展技巧、常用插件的使用、拖拽...

    easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

    // 更新父页面元素的值 parent.updateParentData(value); // 调用父页面的更新函数 parent.window('close'); // 关闭窗口 } ``` 在这个例子中,`#parentElementId`是父页面中需要更新的元素ID,`...

    js与jQuery 获取父窗、子窗的iframe.docx

    ### JavaScript与jQuery获取父窗口与子窗口中的iframe详解 #### 一、引言 在Web开发过程中,`iframe`(Inline Frame)是一种常用的HTML元素,用于在网页中嵌入另一个HTML文档。它允许开发者在一个页面中展示多个...

    jquery获取form表单input元素值的简单实例

    在本篇内容中,我们将详细探讨如何使用jQuery来获取form表单中input元素的值,包括文本框、复选框、单选按钮等不同类型input元素的值获取方法。通过jQuery提供的val()方法和attr()方法,我们可以轻松获取或设置input...

    iframe子页面获取父页面元素的方法

    首先,让我们看看在`iframe`子页面获取父页面元素的方法。这个操作可以通过JavaScript的`parent`对象实现,`parent`对象引用了包含当前`iframe`的顶级窗口。以下是一个例子: ```javascript // 在iframe子页面中...

    JQuery操作iframe父页面与子页面的元素与方法(实例讲解)

    第一、在iframe中查找父页面元素的方法:$(‘#id’, window.parent.document) 第二、在父页面中获取iframe中的元素方法:$(this).contents().find(“#suggestBox”) 第三、在iframe中调用父页面中定义的方法和变量:...

    Jquery方式获取iframe页面中的 Dom元素

    点击链接后,应该会在浏览器中看到一个弹出框,内容是“我是测试页面test”,这表明我们已经成功通过jQuery获取到了iframe中的DOM元素。 需要注意的是,使用jQuery操作iframe中的DOM时,必须确保iframe已经完全加载...

    jquery、js调用iframe父窗口与子窗口元素的方法整理

    以上就是jQuery和JavaScript调用iframe父窗口与子窗口元素的方法。在实际应用中,要注意跨域问题,如果父页面和iframe的源不同,它们之间的交互可能会受到浏览器同源策略的限制。此外,确保正确引用jQuery库,并且在...

    iframe父页面与子页面通信及相互调用方法

    "iframe父页面与子页面通信及相互调用方法"是一个重要的主题,涉及到跨域安全、DOM操作以及JavaScript/jQuery的交互技术。下面将详细解释这一知识点。 1. **基本概念** - **父页面(Parent Page)**:包含`iframe`...

    jquery父子窗口互相获取元素demo

    1. **在父窗口中操作子窗口元素:** 在父窗口中,我们可以通过`window.open`返回的引用来调用子窗口的`window`对象的方法。例如,假设子窗口有一个ID为`childElement`的元素,我们可以在父窗口中这样操作它: ```...

    js与jQuery 获取父窗、子窗的iframe

    然而,当涉及到不同窗口或框架间的交互时,就需要用到特定的JavaScript或jQuery方法来获取并操作彼此的元素。以下将详细讲解如何在JavaScript和jQuery中实现这一目标。 **JavaScript 获取父窗口与子窗的iframe元素*...

    解析jquery获取父窗口的元素

    ### jQuery获取父窗口的元素知识点 在Web开发中,窗口之间的交互是常见需求,尤其是在处理iframe或是多个窗口并行操作时。使用jQuery可以简化很多操作,包括获取父窗口元素的流程。 #### 1. 获取父窗口元素的方法 ...

    Jquery实现获取子元素的方法分析

    本篇文章将深入探讨jQuery如何实现获取子元素的方法,包括`children()`和`find()`两个主要方法,并通过实例来解析它们之间的差异。 首先,`children()`方法是jQuery提供的一种获取元素直接子级的方法。它接受一个可...

    js与jquery获取父元素,删除子元素的两种不同方法

    本文将探讨在JavaScript和jQuery中如何获取父元素和删除子元素的两种不同方法。了解如何操作DOM元素对于前端开发是至关重要的。无论是在原生JavaScript还是在jQuery中,都经常需要对DOM元素进行遍历、获取父元素以及...

Global site tag (gtag.js) - Google Analytics