`
13146489
  • 浏览: 251425 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

jquery frame 操作

阅读更多
使用contents()方法来操作;
http://api.jquery.com/contents/
Given a jQuery object that represents a set of DOM elements, the .contents() method allows us to search through the immediate children of these elements in the DOM tree and construct a new jQuery object from the matching elements. The .contents() and .children() methods are similar, except that the former includes text nodes as well as HTML elements in the resulting jQuery object.

The .contents() method can also be used to get the content document of an iframe, if the iframe is on the same domain as the main page.

Consider a simple <div> with a number of text nodes, each of which is separated by two line break elements (<br />):

<div class="container">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
  do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  <br /><br />
  Ut enim ad minim veniam, quis nostrud exercitation ullamco
  laboris nisi ut aliquip ex ea commodo consequat.
  <br /> <br />
  Duis aute irure dolor in reprehenderit in voluptate velit
  esse cillum dolore eu fugiat nulla pariatur.
</div>
We can employ the .contents() method to help convert this blob of text into three well-formed paragraphs:

$('.container').contents().filter(function() {
  return this.nodeType == 3;
})
  .wrap('<p></p>')
.end()
.filter('br')
  .remove();
This code first retrieves the contents of <div class="container"> and then filters it for text nodes, which are wrapped in paragraph tags. This is accomplished by testing the .nodeType property of the element. This DOM property holds a numeric code indicating the node's type; text nodes use the code 3. The contents are again filtered, this time for <br /> elements, and these elements are removed.
分享到:
评论

相关推荐

    jQuery UI Frame Dialog官方修正版(官方1.1.2版本上面有问题)

    jQuery UI Frame Dialog是一款基于jQuery UI库的对话框插件,用于在网页中创建具有框架效果的弹出对话框。在官方1.1.2版本中,存在一个CSS加载问题,导致对话框的样式可能无法正常显示,影响了用户体验。这个问题在...

    jquery框架

    - **DOM操作**:jQuery提供了一套简洁的API来操作DOM,包括元素的选择、添加、删除和属性修改。例如,`$("#element").html()`用于获取或设置元素的HTML内容,`$(".class").append("&lt;div&gt;&lt;/div&gt;")`用于向指定元素后...

    Jquery EasyUI Frame Wanglim V1.0

    《Jquery EasyUI Frame Wanglim V1.0:构建高效Web界面的利器》 Jquery EasyUI Frame Wanglim V1.0是一款专为初学者设计的Web界面框架,它充分利用了EasyUI的功能,实现了页面自适应布局,以及对多种组件的有效整合...

    跨frame操作dom元素

    6. **使用库和工具**:一些JavaScript库如jQuery提供了一些方便的方法来简化跨frame操作。例如,jQuery的`contents()`方法可以获取iframe的文档对象,然后可以像操作常规DOM一样操作其中的元素。 了解了这些技术后...

    jquery--frame--ziyuan

    在本文中,我们将深入探讨jQuery框架(jQuery--frame--ziyuan)中涉及的几个关键知识点,特别是关于frameset对象的操作以及与scrollTop相关的技术。frameset是HTML中用于创建多窗口布局的元素,而在JavaScript和...

    jQuery实现frame之间互通的方法

    在jQuery中,实现frame之间的通信主要涉及到两个关键点:父框架(parent frame)和子框架(child frame)。在父框架中定义一个可供调用的公共方法,然后在子框架中调用这个方法。 1. **父框架中的方法定义:** ```...

    jquery点击按钮隐藏父页和引用页的iframe

    在本例中,我们将利用`jQuery`的事件处理和DOM操作功能。 要隐藏父页和引用页中的`iframe`,我们首先需要确保`jQuery`库已经被引入到你的HTML文件中。通常,我们会通过在`&lt;head&gt;`标签内添加以下代码来引入`jQuery`...

    jQuery控制frames及frame页面JS的方法

    在jQuery中,我们可以利用其强大的选择器和API来方便地操作frame内的元素。 在提供的代码示例中,主要展示了如何通过jQuery来检查frame页面的状态并触发相应的行为。代码中定义了一个名为`CheckUser`的函数,该函数...

    JQUERY实现iframe页面切换功能

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了JavaScript的DOM操作,事件处理,动画设计以及Ajax交互。本篇文章将详细讲解如何利用jQuery实现iframe页面的切换功能,以便于创建更丰富的用户...

    Jquery Mdi 界面

    在jQuery Mdi中,jQuery的这些特性被用来动态创建和管理IFrame,使用户可以在一个页面中打开和操作多个子页面。 关于IFrame(Inline Frame),它是HTML的一个元素,允许在一个HTML文档中嵌入另一个HTML文档。在MDI...

    京东下雪jquery插件

    1. **jQuery库**:jQuery是一个轻量级的JavaScript库,简化了DOM操作、事件处理、动画制作和Ajax交互。在这个插件中,jQuery负责了页面元素的选择、操作以及与用户的交互。 2. **自定义jQuery插件开发**:京东下雪...

    jquery实现通用网页打印

    在网页开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理以及Ajax交互等任务。在“jquery实现通用网页打印”这个主题中,我们将深入探讨如何使用jQuery来实现在B/S(Browser/Server)架构的...

    jQuery实现飘雪效果

    jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理、动画效果和Ajax交互,使得创建复杂的网页动态效果变得更为容易。 首先,我们需要了解jQuery的基本使用。jQuery的核心概念是选择器,它允许我们轻松地...

    JS中FRAME的操作问题实例分析

    本文实例探讨了JS中FRAME的操作问题,分享给大家供大家参考。具体分析如下: 以上图为例,在这里把frame之间的互相操作简单列为:1变量2方法3页面之间元素的互相获取。 一、 首先从 父(frameABC)——-&gt;子(frameA,...

    Jquery,js的逐帧动画实现

    jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互等任务。在jQuery中实现逐帧动画,可以使用`animate()`函数,配合CSS属性如`left`、`top`或`opacity`来改变元素的位置或透明度,...

    JQuery常用属性说明

    JQuery 是一个流行的 JavaScript 库,它极大地简化了DOM操作、事件处理以及AJAX交互。在JQuery中,一些常用属性和方法对于开发者来说尤其重要,因为它们是日常开发中的核心工具。 首先,我们来看看JQuery中的事件...

    jQuery 网页打印组件升级版(支持打印 iframe 内的内容)

    传统的打印操作可能面临样式丢失、页面布局混乱等问题,而这个组件能帮助我们解决这些问题,提供更一致的打印体验。 ### 2. 支持打印iframe内容 **iframe(Inline Frame)** 是HTML的一个元素,用于在网页中嵌入另...

    jquery横排页签Tab+iframe代码示例

    jQuery是一款轻量级的JavaScript库,它简化了DOM操作、事件处理、动画效果等功能,使得开发者能更高效地编写JavaScript代码。 首先,我们需要创建HTML结构来表示页签和iframe。页签通常由一组链接或按钮组成,每个...

    jquery框架下的页面内元素拖动,内容互换

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果和Ajax交互等任务。本篇文章将详细讲解如何利用jQuery实现页面内的元素拖动以及内容互换的功能。 首先,我们需要...

Global site tag (gtag.js) - Google Analytics