JQuery跨Iframe选择实现代码_jquery

从父页面中选择iframe中的元素:

复制代码 代码如下:

$('#btnCancel',$('#PopFrame')[0].contentWindow.document)

从iframe页面中选择父页面中的元素:

复制代码 代码如下:

$("#PopContainer",parent.document)

以下内容是别的网友的解决方法:
只好用DOM方法与jquery方法结合的方式实现了

1.在父窗口中操作 选中IFRAME中的所有单选钮
$(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");

2.在IFRAME中操作 选中父窗口中的所有单选钮
$(window.parent.document).find("input[@type='radio']").attr("checked","true");

iframe框架的:<iframe src="test.html" id="iframe1" width="700" height="300" frameborder="0" scrolling="auto"></iframe>

IE7中测试通过

时间: 2024-09-27 02:42:03

JQuery跨Iframe选择实现代码_jquery的相关文章

jQuery解决iframe高度自适应代码_jquery

复制代码 代码如下: <script type="text/javascript"> <!-- $(     function()     {                          //iframe高度随内容自动调整         $('.main').load(          function()             {                 $(this).height($(this).contents().find("b

JQuery与iframe交互实现代码_jquery

在iframe中查找父页面元素的方法: $('#id', window.parent.document) 在父页面中获取iframe中的元素方法: $(this).contents().find("#suggestBox") 在iframe中调用父页面中定义的方法和变量: parent.method parent.value

同域jQuery(跨)iframe操作DOM

 本篇文章主要是对同域jQuery(跨)iframe操作DOM进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助 frame目前还是比较流行的,许多地方都通过它来实现特殊的情况.比如说传统的上传.select在ie6下.代理.跨域等等.今天呢,简要的记述一下跨iframe的相关操作,主要是用jQuery操作DOM结构方面.   代码如下: <iframe src="a.php" id="aa"></iframe>  <ifr

同域jQuery(跨)iframe操作DOM(示例代码)_jquery

frame目前还是比较流行的,许多地方都通过它来实现特殊的情况.比如说传统的上传.select在ie6下.代理.跨域等等.今天呢,简要的记述一下跨iframe的相关操作,主要是用jQuery操作DOM结构方面. 复制代码 代码如下: <iframe src="a.php" id="aa"></iframe> <iframe src="b.php" id="bb"></iframe>

同域jQuery(跨)iframe操作DOM(实例讲解)_jquery

frame目前还是比较流行的,许多地方都通过它来实现特殊的情况.比如说传统的上传.select在ie6下.代理.跨域等等.今天呢,简要的记述一下跨iframe的相关操作,主要是用jQuery操作DOM结构方面. 复制代码 代码如下: <iframe src="a.php" id="aa"></iframe> <iframe src="b.php" id="bb"></iframe>

jquery制作select列表双向选择示例代码_jquery

jquery制作的select列表双向选择,兼容性肯定是不错的,需要的朋友可以学习下 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"&

jquery实现树形菜单完整代码_jquery

本实例实现了树形的动态菜单,兼容IE8,火狐,Chrome等浏览器.使用了jQuery的toggle() 方法.效果和代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/199

jQuery实现进度条效果代码_jquery

在某些特定的场景下,应用进度条效果,可以提高网站的人性化程度,能够让用户能够掌握进度,增加对进度的耐心,否则可能直接导致关闭页面,从来导致网站流失用户,下面就是用过jQuery实现的进度效果代码. <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta nam

jquery实现iframe自适应高度代码

iframe框架高度自适应功能在以前我们都是利用js来实现,现在有了jquery控制可以快速实现,下面来看实现有需要的朋友可以看看. <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1