快捷導(dǎo)航

jquery獲取iframe中的dom對(duì)象(兩種方法)

更新時(shí)間：2013年07月02日 16:57:23 作者：

本文為大家詳細(xì)介紹下父窗口中操作iframe、在子窗口中操作父窗口，獲取iframe內(nèi)的dom對(duì)象有兩種方法，感興趣的朋友可以了解下哈，希望對(duì)大家有所幫助

父窗口中操作iframe：$(window.frames["iframeChild"].document) //假如iframe的id為iframeChild

在子窗口中操作父窗口：$(window.parent.document)

接下來(lái)就可以繼續(xù)獲取iframe內(nèi)的dom了。

獲取iframe內(nèi)的dom對(duì)象有兩種方法

1 $(window.frames["iframeChild"].document).find("#child")
2 $("#child",window.frames["iframeChild"].document)

1.在父窗口中操作選中IFRAME中的所有單選按鈕

復(fù)制代碼代碼如下:

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

2.在IFRAME中操作選中父窗口中的所有單選按鈕

復(fù)制代碼代碼如下:

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

您可能感興趣的文章:

相關(guān)文章

基于jquery的回到頁(yè)面頂部按鈕
昨天看到一個(gè)園友的blog中有個(gè)頁(yè)面下滾后出現(xiàn)用于"回到頁(yè)面頂部"按鈕的效果, 感覺(jué)挺不錯(cuò)的, 所以自己也寫(xiě)了一個(gè), 用jQuery寫(xiě)是再簡(jiǎn)單不過(guò)了. 下面就直接給出代碼了
2011-06-06
jQuery常見(jiàn)動(dòng)畫(huà)效果實(shí)現(xiàn)介紹
這篇文章主要為大家介紹了jQuery編程動(dòng)畫(huà)基本實(shí)現(xiàn)方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-10-10
jquery實(shí)現(xiàn)多條件篩選特效代碼分享
這篇文章主要介紹了jquery實(shí)現(xiàn)多條件篩選特效，推薦給大家，有需要的小伙伴可以參考下。
2015-08-08
PHP+jquery+ajax實(shí)現(xiàn)分頁(yè)
這篇文章主要為大家詳細(xì)介紹了PHPjquery+ajax實(shí)現(xiàn)分頁(yè)的代碼,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
jQuery根據(jù)緯度經(jīng)度查看地圖處理程序
jQuery根據(jù)緯度經(jīng)度查看地圖處理程序如下在這里要注意js的引入順序，有需求的朋友可以參考下哈希望對(duì)你有所幫助
2013-05-05
jquery分頁(yè)插件jpaginate在IE中不兼容問(wèn)題
這篇文章主要介紹了jquery分頁(yè)插件jpaginate不兼容ie的問(wèn)題,需要的朋友可以參考下
2014-04-04
jQuery 遍歷- 關(guān)于closest() 的方法介紹以及與parents()的方法區(qū)別分析
本篇文章介紹了，jQuery 遍歷- 關(guān)于closest() 的方法介紹以及與parents()的方法區(qū)別分析。需要的朋友參考下
2013-04-04
使用jQuery Rotare實(shí)現(xiàn)微信大轉(zhuǎn)盤(pán)抽獎(jiǎng)功能
本文主要介紹使用jQuery Rotare實(shí)現(xiàn)微信大轉(zhuǎn)盤(pán)抽獎(jiǎng)功能，并附實(shí)例講解，非常實(shí)用，有需要的朋友可以參考一下。
2016-06-06
jQuery+CSS實(shí)現(xiàn)菜單滑動(dòng)伸展收縮(仿淘寶)
淘寶網(wǎng)上的菜單滑動(dòng)伸展收縮想必大家不會(huì)很陌生吧，接下來(lái)本文也使用jquery+css實(shí)現(xiàn)一個(gè)，代碼很簡(jiǎn)潔功能很使用，感興趣的各位可以不要錯(cuò)過(guò)了哈
2013-03-03
詳解JavaScript中jQuery和Ajax以及JSONP的聯(lián)合使用
這篇文章主要介紹了詳解JavaScript中jQuery和Ajax以及JSONP的聯(lián)合使用,jQuery庫(kù)和Ajax異步結(jié)構(gòu)以及JSON數(shù)據(jù)傳輸也是JS日常編程中最常用到的東西,需要的朋友可以參考下
2015-08-08