JQuery操作iframe父頁(yè)面與子頁(yè)面的元素與方法(實(shí)例講解)
更新時(shí)間：2013年11月20日 08:58:19 作者：
這篇文章主要介紹了JQuery操作iframe父頁(yè)面與子頁(yè)面的元素與方法。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
JQUERY IFRAME
下面簡(jiǎn)單使用Jquery來(lái)操作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打造最佳用戶體驗(yàn)的登錄頁(yè)面的實(shí)現(xiàn)代碼
使用Jquery打造最佳用戶體驗(yàn)的登錄頁(yè)面的實(shí)現(xiàn)代碼，改用jquery使用ajax異步驗(yàn)證，并在驗(yàn)證的過(guò)程中將頁(yè)面元素設(shè)置為不可用，防止重復(fù)登錄。2011-07-07
這個(gè)是最早做出來(lái)的, 現(xiàn)在也改成xml格式了, 呵呵.2009-11-11
jQuery取得設(shè)置清空select選擇的文本與值
這篇文章主要介紹了jQuery如何取得設(shè)置清空select選擇的文本與值,下面有個(gè)不錯(cuò)的示例，需要的朋友可以參考下2014-07-07
很棒的學(xué)習(xí)jQuery的12個(gè)網(wǎng)站推薦
jQuery是目前最流行的 JavaScript 庫(kù)。對(duì)于初學(xué)者來(lái)說(shuō)，有的時(shí)候很難找到一個(gè)好的學(xué)習(xí)jQuery的網(wǎng)站，今天本文收集了12個(gè)很棒的 jQuery 學(xué)習(xí)網(wǎng)站推薦給大家。2011-04-04
自己動(dòng)手制作jquery插件之自動(dòng)添加刪除行的實(shí)現(xiàn)
我們常常會(huì)遇到這樣的情況，一個(gè)系統(tǒng)中有大量的需要對(duì)一個(gè)行進(jìn)行復(fù)制添加，希望能夠進(jìn)行批量的操作，這個(gè)時(shí)候，我們就可以考慮把它做成一個(gè)jquery插件了.2011-10-10
jQuery復(fù)合事件結(jié)合toggle()方法的用法示例
這篇文章主要介紹了jQuery復(fù)合事件結(jié)合toggle()方法的用法,實(shí)例分析了toggle()方法的功能、定義以及與復(fù)合事件結(jié)合使用的操作技巧,需要的朋友可以參考下2017-06-06
這篇文章主要介紹了jQuery中children()方法用法,實(shí)例分析了children()方法的功能、定義及過(guò)濾所匹配子元素的使用技巧,需要的朋友可以參考下2015-01-01
Jquery從頭學(xué)起第四講 jquery入門(mén)教程
今天主要講如何給主要的控件賦值，因?yàn)樵谧鼍W(wǎng)站的時(shí)候，很多時(shí)候需要初始化表單，所有給控件賦值就成必然的了。2010-08-08
jQuery實(shí)現(xiàn)在下拉列表選擇時(shí)獲取json數(shù)據(jù)的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)在下拉列表選擇時(shí)獲取json數(shù)據(jù)的方法,主要涉及jQuery中g(shù)etJSON方法的使用技巧,需要的朋友可以參考下2015-04-04
本篇文章主要是對(duì)jQuery獲取(選中)單選,復(fù)選框,下拉框中的值的實(shí)現(xiàn)方法進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-02-02