• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > iframe中使用jquery进行查找的方法【案例分析】

iframe中使用jquery进行查找的方法【案例分析】

作者:hbiao68 字体:[增加 减小] 来源:互联网

hbiao68 通过本文主要向大家介绍了iframe,jquery,查找等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

本文实例讲述了iframe中使用jquery进行查找的方法。分享给大家供大家参考,具体如下:

问题:

今天在公司是给ckeditor添加一个“是否显示”图片标题的功能

难点:

插件的内容很多,功能相当强大,在短时间之内无法通读和理解里面的逻辑关系,而且修改的内容不能破坏插件内部的逻辑关系,不能因为添加一个功能而引入更多的问题,因此只能从局部去解决这个问题

突破口:

知道页面时使用iframe框架插入的html,页面有些初始化的功能是在这里完成的,因此在这里添加这个checkbox组件,然后根据最后的window去寻找自己想要处理的window对象——window.parent.document.body

jQuery(expression, [context])——如果指定了 context 参数,如一个 DOM 元素集或 jQuery 对象,那就会在这个 context 中查找。

下面这个例子就是想在iframe的父窗口中添加组件

不能在闭包里面去访问动态添加的组件,因为在页面加载的时候就已经运行了闭包里面的东西,但是页面还没有添加ID为kkkk的组件,使用$("#kkkk")得到的值就为空,这样不能实现预期的目的,出现异常的现象,在浏览器中会报脚本错误

如何判断jquery是否查找到符合条件的对象?

if(0==$(".check_show_img_title", parent.document.body).length){
   alert("没有查找到对象");
}else{
  alert("有"+$(".check_show_img_title", parent.document.body).length+"组件符合查询条件");
}

经验之谈:

在页面中动态添加了组件之后,由于刷新页面就恢复了正常初始化的状态,但是如果是局部刷新,可能会添加多个组件,但是如果只需要一个组件,则就是在离开页面的时候删除自己动态添加的组件,这样问题就来了,可能在不同的浏览器中不能删除,这样就会很郁闷,产生出浏览器兼容的问题,既然是这样那么可以换一种思维方式,在某种状态(在标签中添加属性)下就添加,否则就不添加,这样就不用去删除自己添加的组件了,换种方式解决了浏览器兼容的问题

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery常用插件及用法总结》、《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 使用jQuery和ajax代替iframe的方法(详解)
  • jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
  • 自动适应iframe右边的高度
  • 解决同一页面中两个iframe互相调用jquery,js函数的方法
  • 仿iframe效果Aajx文件上传实例
  • jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法
  • jQuery获取与设置iframe高度的方法
  • jQuery简单实现iframe的高度根据页面内容自适应的方法
  • jQuery操作iframe中js函数的方法小结
  • jQuery基于ID调用指定iframe页面内的方法

相关文章

  • jquery仿微信聊天界面
  • 基于jquery的图片懒加载js
  • 为什么要在引入的css或者js文件后面加参数的详细讲解
  • jQuery常用选择器详解
  • 基于jquery的lazy loader插件实现图片的延迟加载[简单使用]
  • JQuery DIV 动态隐藏和显示的方法
  • IE8下Jquery获取select选中的值post到后台报错问题
  • 基于jQuery实现返回顶部实例代码
  • jQuery实现字体颜色渐变效果的方法
  • jQuery简单实现页面元素置顶时悬浮效果示例

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • jQuery实现别踩白块儿网页版小游戏
    • jQuery类选择器用法实例
    • JQuery 学习笔记 选择器之四
    • 使用微信内置浏览器点击下拉框出现页面乱跳转现象(iphone),该怎么办
    • jQuery Mobile框架中的表单组件基础使用教程
    • jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容
    • jquery ajax跨域解决方法(json方式)
    • jquery+html仿翻页相册功能
    • jQuery实现的仿百度分页足迹效果代码
    • jQuery替换字符串(实例代码)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有