首页 >web前端 >js教程 > 正文

jquery如何获取iframe

原创2020-12-01 16:28:5902161

jquery获取iframe的方法:在dom方法外面加上jquery的选择符,代码为【$(window.frames["iframeChild"].document),$(window.parent.document)】。

本教程操作环境:windows7系统、jquery3.2.1版本,该方法适用于所有品牌电脑。

jquery获取iframe的方法:

在一下网页中,一些人会用到iframe,dom获取页面中的iframe还是很简单的:

父窗口中操作iframe:

window.frames["iframeChild"].document    //假如iframe的id为iframeChild

在子窗口中操作父窗口:window.parent.document

那么,用如果想用jquery的方法,我们怎么用jquery来获取iframe呢?下面是一下收集来的方法。

获取页面的对象其实就是dom方法外面加上jquery的选择符:

父窗口中操作iframe:

$(window.frames["iframeChild"].document)    //假如iframe的id为iframeChild

在子窗口中操作父窗口:$(window.parent.document)

接下来就可以继续获取iframe内的dom了。

获取iframe内的dom对象有两种方法

  • $(window.frames["iframeChild"].document).find("#child")

  • $("#child",window.frames["iframeChild"].document)

1.在父窗口中操作 选中IFRAME中的所有单选按钮

$(window.frames["iframeChild"].document).find("input[@type='radio']").attr("checked","true");

2.在IFRAME中操作 选中父窗口中的所有单选按钮

$(window.parent.document).find("input[@type='radio']").attr("checked","true");

相关免费学习推荐:javascript(视频)

以上就是jquery如何获取iframe的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:jquery iframe
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    coldplay.xixi

    好好学习 天天向上

    最近文章
    重点详解Java类和对象1416
    浅析php简单操作mysql锁机制3028
    php无法加载mysql怎么办1601
    推荐视频教程
  • 极客学院jquery零基础入门视频教程极客学院jquery零基础入门视频教程
  • 布尔教育jQuery实战视频教程布尔教育jQuery实战视频教程
  • 独孤九贱(6)_jQuery视频教程独孤九贱(6)_jQuery视频教程
  • jQuery入门基础视频教程jQuery入门基础视频教程
  • jQuery  Mobile框架基础视频教程jQuery Mobile框架基础视频教程
  • jQuery基础视频教程jQuery基础视频教程
  • 视频教程分类