首页
学习
活动
专区
工具
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”这个时出现错误。 【分析】:无法调用库中时,可能是由于没有在项目中将库引用进来。

70930

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

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

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

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

    1.6K40

    敢打赌你一定没用过 Java 中这个

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

    60030

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

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

    5.3K30

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

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

    82721

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

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

    3.1K70

    ajax全套

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

    3K20

    前端面试那些

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

    2.1K60

    求职 | 史上最全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

    前端工程师面试题汇总

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

    2K80

    一周极客热文:程序员给女朋友用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.5K90

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

    不管你坐在面试桌哪一侧,这篇文章都会尽可能涵盖前端开发中那些最重要领域。 常见误解 看到面试者犯最大错误之一是喜欢准备一些琐碎问题,例如“什么是盒子模型?”...你可能会想:既然在开发中可以使用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.0Web站点 ?...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.把controllersAccountController.cs,...,这个home视图脚本,他集成了tab页右键菜单已经集成到系统。

    2.3K60

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

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

    2.1K50

    Bookmarklet编写指南

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

    1.5K90
    领券