首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么我的jquery不接受这个iframe的那些类?

jQuery不接受iframe的类是因为jQuery的选择器是基于DOM元素的,而iframe是一个独立的文档对象,它包含在主文档中。所以,如果想在iframe中使用jQuery选择器,需要先获取到iframe的内容,然后再在iframe的内容中使用jQuery选择器。

以下是一种解决方法:

  1. 首先,通过jQuery选择器获取到iframe元素,例如:
代码语言:txt
复制
var iframe = $('iframe');
  1. 接下来,通过contents()方法获取到iframe的内容,例如:
代码语言:txt
复制
var iframeContent = iframe.contents();
  1. 然后,在iframe的内容中使用jQuery选择器,例如:
代码语言:txt
复制
var iframeElement = iframeContent.find('.className');

这样就可以在iframe中使用jQuery选择器来选择类名为.className的元素了。

推荐的腾讯云相关产品:腾讯云云服务器(CVM)

  • 产品介绍链接地址:https://cloud.tencent.com/product/cvm
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

我的类为什么使用不了了?

前言 在调用类时,如果出现错误信息 “ 当前上下文中不存在名称*** ”,这时候该如何处理,我们来一起总结一下。 错误情况1 在同一项目中使用“TestClass2”这个类时出现错误。  ...【分析】:这个错误比较明显,图中将“TestClass2”写在了 “TestClass1”中,类在使用中是不允许出现嵌套的,否则就是我们常说的“类中类”,必须杜绝这样的编程失误。...错误情况2 在同一项目中使用“TestClass2”这个类时出现错误。 【分析】:“TestClass1”中只有一个方法,没有其他类,所以不存在“类中类”的情况。...错误情况3 在同一项目中使用“TestClass1”这个类时出现错误。 【分析】:类名称为 “TestClass1”,而使用时却将类名称写成了“TestClass11”。...解决方案 将类名改为 “TestClass1”即可。 错误情况4 在调用类库中的“TestClass”这个类时出现错误。 【分析】:无法调用类库中的类时,可能是由于没有在项目中将类库引用进来。

71230

为什么我劝你别轻信那些看起来“没毛病”的解释

“为什么” 是最常见的问题类之一了。和“是不是”(判断、评价) “是什么”(识别、分类) “什么是”(举例、搜寻)等类问题相比,对这种 “求解释” 问题的回答所涉及到的推理过程更为复杂。...后面这个词在中文中有 “溯因” “归因” “逆推” 等译法,我觉得 “归因” 和 “归纳” 对应,更恰当些,因此一般用这个词。...)为什么会发生。...据说拉普拉斯在回答拿破仑为什么他的书中不提上帝的质问时回答 “陛下,我不需要那个假设”,也是这种立场。还原论的问题也和这一点有关。...因此,关于 “A的原因” 的探寻实际上都是关于 “类似于A的事件” 的原因的,而对这个事件类的不同界定往往是这类争论的根源。 ?

41230
  • 从这个角度,我终于理解为什么需要Kafka这样的东西了!

    这种"通知"的事情,一种办法是用轮询实现, 程序B不断地查数据库,看看有没有新数据的到来, 但是这种方法效率很低。...可是传统的MQ也有问题,通常情况下,一个消息确认被读取以后,就会被删除。如果来了一个新的程序C,也想读之前的消息,或者说之前一段时间的消息,传统MQ表示无能无力。...只要记录下每个程序都读到了哪个编号, 这个程序可以断开和Kafka的连接,这个程序可以崩溃,下一次就可以接着读。 新的消费者程序可以随意加入读取,不影响其他消费者程序, 是不是很爽?...例如:程序B读到了编号为3的消息, 程序C读到了编号为5的消息, 这时候来了一个新的程序D,可以从头开始读。...当然,Kafka做的远不止于此,它还充分利用硬盘顺序化读取速度快的特性,再加上分区,备份等高可用特性, 一个高吞吐量的分布式发布订阅消息系统就诞生了。

    1.7K40

    我敢打赌你一定没用过 Java 中的这个类!

    我可以定义一个实体类,想返回多少个字段就返回多少个字段,还有的小伙伴就说了,我可以利用集合不管是 List 还是 Map 都可以实现,如下所示: public static void main(String...Pair 是 JDK 自带的类javafx.util.Pair,Pair 对象通过构造函数创建过后,是不能进行修改的,除了 Pair 之外,JDK 还有另外两个一样功能的类可以使用,如下所示: public...Python 和 GO 我直接加一个返回值就行了,在 Java 这里不行了吧。...确实JDK 本身并没有提供三元组的实现,如果真的需要我们可以使用 Pair 自己来构造一个三元组,不过这个世界上总有一些好事之者已经帮我们做好了。...Javatuples 是一个第三方的 Java 元组库,这个库目前实现了最多十个元组,如果要实现常用的三元组或者四元组可以使用这个组件,不过更多元组的使用场景并不多,而且也不是很灵活,还是乖乖自定义实体吧

    66830

    真正解决iframe高度自适应问题

    1.前言 解决iframe高度自适应问题有两种方法 1.pym 2.手动设置iframe的高度 本文主要是总结第二种实现方式,因为第一种pym.js插件我没用懂 如果使用iframe时,遇到以下的需求...) 页面可能同时嵌入多个iframe 2.contentWindow对象 *需要起个服务,不要直接在本地打开 这是个只读属性,返回指定的iframe的window对象 拿到这个对象,就可以根据正常网页的方法拿到嵌入...$(".flexiframe").each(function (index) {//iframe公用类名:flexiframe var that = $(this); (function...jquery/3.3.1/jquery.js"> 的深度,例如html5已经不需要声明DTD,但是我解决这个问题不得不改一下DOCTYPE,退化到html4,为什么在html5中子页面html和body的高度不是由内部的内容决定的

    5.4K30

    手摸手打造类码上掘金在线IDE(三)——沙箱环境

    ,阅读量可谓惨淡,尽管运营老哥,给我疯狂推流量,但是依然吸引不了眼球,可见此类内容,在jym 的眼里远没有 一个面试文章来的立竿见影 这两天我就在反思,我这个系列文章,为什么要选一个这么拉胯的题目?...我都三十了,再不火可就过气了,明知道这是个流量为王的年代,为什么还要选个冷门的,我应该选vue 啊 明知道,大家在这个快节奏的快餐时代,大家都想要立竿见影,注重修炼外功,他们其实想学,独孤九剑,我偏要说乾坤大挪移...就在我还在比较内耗的时候, 我偶然看到了,明朝那些事中,当年明月对于徐霞客的描述 当年明月说:“我之所以写徐霞客,是想告诉你:所谓百年功名、千秋霸业、万古流芳,与一件事情相比,其实算不了什么。...当我读完明朝那些事, 我有了一个最大的感触 位极人臣 ,功名利禄,最后也不过是一抔黄土,倒不如黄山上徐霞客兀自听雪,才是美好的人生 说道这,我都能想象到徐霞客的惬意 山下,灯火辉煌,喧嚣成海。...界 通常就会使用一个彻底的解决方案,iframe 因为你总归要在ifarme 中去渲染视图,并且具有天然的样式隔离 所以在现在市面上主流的编辑器中,都是采用的这个方案 iframe 自不用过多介绍,这个标签可以创造一个独立的浏览器原生级别的运行环境

    84621

    绕过混合内容警告 - 在安全的页面加载不安全的内容

    一年前 Eric Lawrence (aka: Internet Hero) 写了一篇博文很清晰地解释了为什么 IE 的团队允许不提示警告的情况下加载不安全的图像。...如果你从来没有见过,请看这个技巧相关的博文,但这里的要点是:现代浏览器默认不允许“混合内容”,而且许多技巧将在 HTTPS 中失效。...之前我们知道了在没有用户交互的情况下渲染内容的规则(image 标签)存在着例外情况,我尝试加载源是图像的 IFRAME (而不是 IMG),但并没有成功。...但是这并没什么用,因为攻击者需要 IE 伪协议(mhtml: res: 和 file:)来实现他们的技巧,IE 不接受服务器重定向至那些协议。我们需要有更好的选择。...绕过警告信息 为了找到绕过警告信息的方法,我偶然发现了解决方案。我很惊讶,这个技巧是那么基础的东西:在不安全的 iframe 中放一个 document.write 就够了。可能这么简单吗?

    3.2K70

    求职 | 史上最全的web前端面试题汇总及答案2

    因为它涉及浏览器兼容、跨域等问题,在项目中一般会使用一些基础类库辅助实现,如jQuery等。 一个简单的Ajax操作如下。 5、谈谈你对JSON的理解。...②一般我首先统一页面和服务器编码,对请求和响应的Content-Type设置正确编码;对请求参数进行编码处理。...9、解释jsonp的原理,以及为什么不是真正的ajax ①Ajax与JSONP这两种技术看起来很像,目的也一样,都是请求一个url,然后把服务器返回的数据进行处理,因此jQuery等框架都把JSONP作为...具体请看一下参考: 【原创】说说json和jsonp,也许你会豁然开朗,含jQuery用例 深入浅出jsonp--解决ajax跨域问题 浏览器的同源策略-MDN 10、ajax 有那些优缺点?...②原型链是由一些用来继承和共享属性的对象组成的(有限的)对象链。 JQuery 1、你使用过jQuery吗?如果有,你为什么要使用jQuery呢? ①用过。

    6.1K20

    ajax全套

    send的里面 send相当于请求体 数据转换成这种格式 } jQuery Ajax Query其实就是一个JavaScript的类库,其将复杂的功能做了上层封装,使得开发者可以在其基础上写更少的代码实现更多的功能...特别的:由于同源策略是浏览器的限制,所以请求的发送和响应是可以进行,只不过浏览器不接受罢了。...Ajax和原生 Ajax与后台的data数据交互   注意:POST方式传data类数据的时候,原生 Ajax需要更改请求头(原因和原理都在代码注释中),jQuery会自动帮忙修改请求头;他们其实本质都是原生...,增加个什么东西了都会重新加载这个标签,但是还有个问 //题第一次加载iframe标签的时候就触发onload事件了,但是事件对应的函数代码 //却还没有加载上这个时候就会报错,解决方案如上...  原理:服务器在给跨域过来访问的浏览器的请求作出响应时在响应头里面加一些数据让浏览器接收到响应的时候不再阻止   别名:跨站资源共享,虽然浏览器有同源策略,但是我就是愿意允许你获取我服务器的数据

    3.1K20

    前端面试那些坑

    请描述一下 cookies,sessionStorage 和 localStorage 的区别? iframe有那些缺点? Label的作用是什么?是怎么用的?...CSS3新增伪类有那些? 如何居中div?如何居中一个浮动元素?如何让绝对定位的div居中? display有哪些值?说明他们的作用。...什么是闭包(closure),为什么要用它? javascript 代码中的"use strict";是什么意思 ? 使用它区别是什么? 如何判断一个对象是否属于某个类?....call() 和 .apply() 的含义和区别? 数组和对象有哪些原生方法,列举一下? JS 怎么实现一个类。怎么实例化这个类 JavaScript中的作用域与变量声明提升?...把 Script 标签 放在页面的最底部的body封闭之前 和封闭之后有什么区别?浏览器会如何解析它们? 移动端的点击事件的有延迟,时间是多久,为什么会有? 怎么解决这个延时?

    2.2K60

    前端工程师面试题汇总

    请描述一下 cookies,sessionStorage 和 localStorage 的区别? iframe有那些缺点? Label的作用是什么?是怎么用的?...CSS3新增伪类有那些? 如何居中div?如何居中一个浮动元素?如何让绝对定位的div居中? display有哪些值?说明他们的作用。...什么是闭包(closure),为什么要用它? javascript 代码中的”use strict”;是什么意思 ? 使用它区别是什么? 如何判断一个对象是否属于某个类?....call() 和 .apply() 的含义和区别? 数组和对象有哪些原生方法,列举一下? JS 怎么实现一个类。怎么实例化这个类 JavaScript中的作用域与变量声明提升?...把 Script 标签 放在页面的最底部的body封闭之前 和封闭之后有什么区别?浏览器会如何解析它们? 移动端的点击事件的有延迟,时间是多久,为什么会有? 怎么解决这个延时?

    2.1K80

    一周极客热文:程序员给女朋友用HTML5制作的3D相册(附源码)

    jQuery——Less CSS对CSS意味着什么,jQuery就对JavaScript意味着什么。 C8H10N4O2——C8H10N4O2(通常称作咖啡因)应该是码农们提高效率的最佳伴侣了。...二、 为什么程序员没有较高的社会地位? 这篇外人引起了广大CSDN网友的激烈讨论,那为什么程序员没有较高的社会地位呢?...个人性格,其实我觉得这不是问题的,人的性格体现在做事的方式,而并不影响你做的事,如果真是你的朋友,在长时间的接触当中我想会体谅你的,所以说这个和社会地位是没关系的。...你不够男人,没法学C++,于是你不得不接受这个C++和Java的私生子。去写你的视窗程序吧,你这个懦夫。你不知道所有的酷孩子都在用Linux吗?...:http://www.captaindebug.com/ 综合类的技术门户网站:http://www.devx.com/ 各类文章及教程,视频:http://www.drdobbs.com/ IBM的

    4.6K90

    世界顶级公司的前端面试都问些什么

    不管你坐在面试桌的哪一侧,这篇文章都会尽可能的涵盖前端开发中那些最重要的领域。 常见的误解 我看到面试者犯的最大错误之一是喜欢准备一些琐碎的问题,例如“什么是盒子模型?”...你可能会想:既然在开发中我可以使用jQuery,React,Angular等,为什么还要重新发明轮子,为什么不能在面试中使用它?...这个问题很好,技术、框架和库总会随着时间的推移而发生变化 —— 我更感兴趣的是:你需要了解前端开发的基本原理,而不是依赖更高级别的抽象。...例如:如果你要实现一个拼写检查功能,那么了解常见的数据结构和算法将使你的工作变得更加轻松。 我不是说你需要一个CS学位,但是这个行业已经不再是写一个简单的页面了。...我知道前端面试中还有很多方面被我忽略了,所以我很想听听你的经历,或者你认为自己在面试时被问到,但是被我忽略的那些重要内容。

    1.5K30

    献给前端求职路上的你们(下)

    JavaScript 什么是闭包(closure),为什么要用它?...origin resource sharing)、iframe跨域、postMessage(包含iframe的页面向iframe传递消息) 模块化怎么做?...*jQuery是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等。 *jQuery UI则是在jQuery的基础上,利用jQuery的扩展性,设计的插件。...jQuery中没有提供这个功能,所以你需要先编写两个jQuery的扩展: $.fn.stringifyArray = function(array) { return JSON.stringify(array...不是说我面试了这一家,他就一定要录取我,还有很多公司等着你去挑,目光放长远一点,一定要拿到自己满意的薪资才做。 面试就是一个解开双方谎言的过程,你能瞒过对方,证明你赢了。

    1.1K60

    ASP.NET MVC5+EF6+EasyUI 后台管理系统(2)-easyui构建前端页面框架

    我起了个名字叫Apps,类库命名空间将与Apps开头 如Apps.BLL,Apps.Web等命名 1. 新建MVC5.0的Web站点 ?...2.前端框架EasyUI EasyUI下载:有多新用多新 http://www.jeasyui.com/download/list.php 关于素材的存放,我列了下面 1.把jquery.easyui.min.js...放到scripts目录下 2.主题themes放到到content下 这里我只保留灰色和蓝色主题,其他主题我的审美有限度,大家可以到easyui官方下载新的主题 3.把Images文件夹移动到content...下 4.Filters文件删掉 5.把素材放到content目录下,我已经为大家准备好这个项目所要用到的图片素材,不够我们再添加 6.把controllers的AccountController.cs,...,这个home视图的脚本,他集成了tab页的右键菜单我已经集成到系统。

    2.3K60

    Bookmarklet编写指南

    前一段日子,我写了两个Bookmarklet----"短网址生成"和"短网址还原"。 它们用起来很方便,除了我本人之外,其他朋友也在用。第一次发布Bookmarklet,就能有用户,我挺满意的。...下面就是我整理的《Bookmarklet编写指南》,供自己和需要的朋友参考。...框架(frameset) 对于使用"框架"(frameset)的网页,那些需要操作页面的Bookmarklet一般不起作用。...;   else{     /* 正常情况的代码 */   } 但是,上面的代码有一个问题,那就是行内框架iframe也包含在frames.length之中,所以必须排除iframe的影响。...但是,前提是必须先检查一下,看看原页面是否已经加载了这个函数库。 下面以加载jQuery为例:   if (!

    1.5K90

    国庆节前端技术栈充实计划(5):JavaScript SDK设计指南

    JavaScript的原生实现执行速度更快。 尽量不要使用jQuery,而应该使用轻量的类库代替。如果是DOM操作可以使用zepto.js 。...jQuery, Node.js等等类库经常使用的一个方法是把创造私有命名空间的整个文件用闭包包起来,这样可以避免和其他模块冲突。...我假设你不想在和浏览器斗争上浪费时间,你可以试下这些代码。...你可能不需要JQuery 就像标题说的,你可能不需要jquery。如果你在寻找一些实用的代码,这些非常有帮助 - AJAXEFFECTS, ELEMENTS, EVENTS, UTILS。...你不需要jQuery 拥抱和理解现代Web API,发现各种模版类库可以让你从jQuery调用链中释放出来,并填补之间的鸿沟。

    2.1K50
    领券