jQuery 中的 contents( )方法函数

首页 / jQuery入门教程 / jQuery 中的 contents( )方法函数

contents()方法查找匹配的元素(包括文本节点)或内容文档(如果该元素是iframe)内的所有子节点。

contents( ) - 语法

selector.contents( )

contents( ) - 示例

假设您有一个HTML文件index.html,无涯教程将在iframe中使用它。

请尝试以下示例,该示例显示了如何从父窗口访问iframe中的对象。仅仅由于 contents()方法,该操作就变得可能了。

无涯教程网

链接:https://www.learnfk.comhttps://www.learnfk.com/jquery/traversal-contents.html

来源:LearnFk无涯教程网

<html>
   <head>
      <title>The jQuery Example</title>
      <script type="text/javascript" 
         src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
      
      <script>
         $(document).ready(function(){
            var $content=$("iframe").contents();
            $content.find("body").append("I'm in an iframe!");
         });
      </script>
   </head>
   
   <body>
      <iframe src="/article-jquery" width="300" height="100"></iframe>
   </body>
</html>

祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)

技术教程推荐

朱赟的技术管理课 -〔朱赟〕

如何做好一场技术演讲 -〔极客时间〕

Nginx核心知识150讲 -〔陶辉〕

许式伟的架构课 -〔许式伟〕

说透5G -〔杨四昌〕

零基础入门Spark -〔吴磊〕

林外 · 专利写作第一课 -〔林外〕

结构思考力 · 透过结构看思考 -〔李忠秋〕

云原生基础架构实战课 -〔潘野〕

好记忆不如烂笔头。留下您的足迹吧 :)