Jquery：如何让子窗口的div显示在父窗口之上

标签：style   ext   color   get   使用   strong   

 js或者jQuery访问页面中的框架iframe. 
注意:框架内的页面是不能跨域的! 假设有两个页面,在相同域下.

假设：父窗口  index.html ，有id 为 subifrm 的iframe

1. 在index.html执行JS直接访问子窗口中某元素:

document.getElementById(‘subifrm‘).contentWindow.document.getElementById(‘test‘).style.color=‘red‘  

2. 利用jquery 来访问子窗口

$("#subifrm").contents().find("#test").css(‘color‘,‘red‘);

==================================================================== 

==================================================================== 

 用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");

==================================================================== 

==================================================================== 

 使用jquery操作iframe 

1 页面里有两个ifame

leftiframe中jQuery改变mainiframe的src代码：

1

$("#mainframe",parent.document.body).attr("src","")

2、 如果内容里面有一个ID为mainiframe的ifame

ifame包含一个someID

得到someID的内容

$("#mainiframe").contents().find("someID").html();或者$("#mainiframe").contains().find("someID").text(); 

$("#mainiframe").contents().find("someID").html();或者$("#mainiframe").contains().find("someID").text();  

$("#mainiframe").contents().find("someID").html();或者$("#mainiframe").contains().find("someID").text();

2 、如上面所示
   leftiframe中的jQuery操作mainiframe的内容someID的内容

$("#mainframe",parent.document.body).contents().find("someID").html();或者$("#mainframe",parent.document.body).contents().find("someID").val();  

source:

Jquery：如何让子窗口的div显示在父窗口之上,搜素材,soscw.com

Jquery：如何让子窗口的div显示在父窗口之上

标签：style   ext   color   get   使用   strong   

原文地址：http://blog.csdn.net/oudahe/article/details/32103843