jQuery는 iFrame을 제어합니다(예제 코드)_jquery

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("확인됨","true");

iframe:

IE7에서 테스트 통과

" -//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

                      //$("iframe").contents().find("body").append("I' m!");                          //$(window.frames["iframe1"].document).find("input[@type='text']").attr("size","30px " );

                //$("#iframe1").contents().find("#d1").css('color','red'); iframe1"].document).find("input [@name='t1']").css({배경:"#369"}); test.html")

; "text" id="t1" />

>


jquery를 사용하여 iframe 조작



1. 콘텐츠에 ifame이 2개 있습니다





leftiframe의 jQuery는 메인프레임의 src 코드를 변경합니다:
$(">


2. 콘텐츠에 mainiframe ID의 ifame이 있는 경우

이 콘텐츠를 가져오세요

someID의 콘텐츠 가져오기

$("#mainiframe").contents().find("someID").html() html 또는 $("#mainiframe").contains().find("someID").text() 값 3. 상위 창의 IFRAME에서 모든 라디오 버튼을 선택합니다.

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

그러면 ID를 선택하면 자연스럽게 find 메소드를 계속 사용하게 됩니다
$(window.frames["iframe1"].document).find("#id")