JQuery操作iframe父頁面與子頁面的元素與方法(實(shí)例講解)
JQUERY IFRAME
下面簡單使用Jquery來操作iframe的一些記錄,這個(gè)使用純JS與可以實(shí)現(xiàn)。
第一、在iframe中查找父頁面元素的方法:
$('#id', window.parent.document)
第二、在父頁面中獲取iframe中的元素方法:
$(this).contents().find("#suggestBox")
第三、在iframe中調(diào)用父頁面中定義的方法和變量:
parent.method
parent.value
iframe里用jquery獲取父頁面body
iframe.html
<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)代碼,代碼簡單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下2017-02-02批量修改標(biāo)簽css樣式以input標(biāo)簽為例
本節(jié)主要介紹了jquery如何批量修改標(biāo)簽css樣式以input標(biāo)簽為例,需要的朋友可以參考下2014-07-07在線引用最新jquery文件的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄诰€引用最新jquery文件的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08jQuery實(shí)現(xiàn)加入收藏夾功能(主流瀏覽器兼職)
jQuery實(shí)現(xiàn)加入收藏夾功能,代碼比較簡單,兼容主流瀏覽器,下面給大家分享下2016-12-12jQuery幻燈片特效代碼分享 鼠標(biāo)滑過按鈕時(shí)切換(2)
本文實(shí)例講述了jQuery實(shí)現(xiàn)時(shí)尚漂亮的幻燈片特效,基本能滿足你在網(wǎng)頁上使用幻燈片(焦點(diǎn)圖)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2015-08-08