jQuery控制iFrame

 

用jQuery在IFRAME里取得父窗口的某个元素的值
只好用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框架的:

IE7中测试通过

代码:

  1. <html xmlns="http://www.w3.org/1999/xhtml" >
  2. <head>
  3.     <title>jQuery控制iframetitle>
  4.     <script type="text/ecmascript" src="../js/jquery-1.2.6.js">script>
  5.     <script type="text/javascript">
  6.         $(function(){
  7.             $("#t1").hover(function(){alert('');});
  8.             //$("iframe").contents().find("body").append("I'm in an iframe!"); 
  9.             //$(window.frames["iframe1"].document).find("input[@type='text']").attr("size","30px");
  10.             //$("#iframe1").contents().find("#d1").css('color','red');
  11.             //$(window.frames["iframe1"].document).find("input[@name='t1']").css({background:"#369"});
  12.             //$("#iframe1").src("test.html");
  13.         });
  14.     script>
  15. head>
  16. <body>
  17. <div>
  18. <input type="text" id="t1" />
  19. <iframe id="iframe1" src="child.htm">iframe>
  20. <iframe src="child.htm" width="300" height="100">iframe>
  21. div>
  22. <div>
  23. div>
  24. body>
  25. html>

你可能感兴趣的:(jquery,iframe,input,function,div,框架,Jquery)