jquery如何取得iframe

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中文網其他相關文章！