JQuery操作iframe父頁(yè)面與子頁(yè)面的元素與方法(實(shí)例講解)
更新時(shí)間：2013年11月20日 08:58:19 作者：
這篇文章主要介紹了JQuery操作iframe父頁(yè)面與子頁(yè)面的元素與方法。需要的朋友可以過來參考下，希望對(duì)大家有所幫助
JQUERY IFRAME
下面簡(jiǎn)單使用Jquery來操作iframe的一些記錄，這個(gè)使用純JS與可以實(shí)現(xiàn)。
第一、在iframe中查找父頁(yè)面元素的方法：
$('#id', window.parent.document)
第二、在父頁(yè)面中獲取iframe中的元素方法：
$(this).contents().find("#suggestBox")
第三、在iframe中調(diào)用父頁(yè)面中定義的方法和變量：
parent.method
parent.value
iframe里用jquery獲取父頁(yè)面body
iframe.html
復(fù)制代碼 代碼如下:
<html>
<script src='jquerymin.js'>
</script>
<body id='1'>
<div>it is a iframe</div>
</body>
<script>
$(document).ready(
function()
{
var c = $(window.parent.document.body) //麻煩的方法： var c = $($(window).eq(0)[0].parent.document).find('body'); ，忘了可以用前面的方法了
alert(c.html());
}
);
</script>
</html>
相關(guān)文章
jQuery窗口拖動(dòng)功能的實(shí)現(xiàn)代碼
本文通過jquery代碼實(shí)現(xiàn)窗口拖動(dòng)功能以及jQuery 鼠標(biāo)拖拽移動(dòng)窗口的實(shí)現(xiàn)代碼，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下2017-02-02
這篇文章主要介紹了jQuery中prevAll()方法用法,實(shí)例分析了prevAll()方法的功能、定義及查找匹配元素集合之前所有同輩元素的使用技巧,需要的朋友可以參考下2015-01-01
批量修改標(biāo)簽css樣式以input標(biāo)簽為例
本節(jié)主要介紹了jquery如何批量修改標(biāo)簽css樣式以input標(biāo)簽為例,需要的朋友可以參考下2014-07-07
密碼強(qiáng)度驗(yàn)證的方式有很多，今天給大家推薦一個(gè)通過JQuery實(shí)現(xiàn)的密碼強(qiáng)度驗(yàn)證控件，只需要很少的代碼便能實(shí)現(xiàn)。2010-03-03
在線引用最新jquery文件的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄诰€引用最新jquery文件的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
這是一個(gè)基于jquery的文字向上跑動(dòng)，其效果類似跑馬燈，在某些情況下還是比較實(shí)用的，下面與大家分享下實(shí)現(xiàn)代碼2014-09-09
這篇文章主要介紹了js+jquery實(shí)現(xiàn)圖片裁剪功能的方法以及全部的示例代碼，思路非常好，這里推薦給有需要的小伙伴。2015-01-01
這篇文章主要為大家詳細(xì)介紹了JQuery ajax局部刷新，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
jQuery實(shí)現(xiàn)加入收藏夾功能(主流瀏覽器兼職)
jQuery實(shí)現(xiàn)加入收藏夾功能，代碼比較簡(jiǎn)單，兼容主流瀏覽器，下面給大家分享下2016-12-12
jQuery幻燈片特效代碼分享 鼠標(biāo)滑過按鈕時(shí)切換（2）
本文實(shí)例講述了jQuery實(shí)現(xiàn)時(shí)尚漂亮的幻燈片特效，基本能滿足你在網(wǎng)頁(yè)上使用幻燈片(焦點(diǎn)圖)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-08-08