JQ父页面子页面互相调用方法、获取元素

// 子页面调用父页面
$("#父页面元素ID", parent.document);    //获取父页面元素
parent.search();    //调用父页面方法

// 父页面调用子页面
$("#iframe的ID").contents().find("#iframe中元素ID");    //父页面获取子页面元素
$("#iframe的ID")[0].contentWindow.search();   //父页面调用子页面方法

// 子页面调用兄弟页面
$("#iframe的ID", parent.document).contents().find("#iframe中元素ID"); // 获取相同父页面其他子页面元素
$("#iframe的ID", parent.document)[0].contentWindow.search(); // 调取相同父页面其他子页面方法

调用方法需要使用contentWindow属性。contentDocument 属性能够以 HTML 对象来返回 iframe 中的文档,可以通过所有标准的 DOM 方法来处理被返回的对象简单来说contentDocument 是DOM对象的属性,返回的同样是DOM对象。而jquery中的contents()方法是同样是可以返回iframe的HTML对象,不同的是返回的为jquery对象。这时使用find()方法可以方便的获取到子页面中的元素。

猜你喜欢

转载自blog.csdn.net/qq_27518931/article/details/83582506