分类存档: jquery

jQuery获取iframe内的DOM对象

在页面开发过程中,我们经常要用到IFRAME,JS的跨页面层级的操作就难以避免了。但是这个也不是啥高深的技术,无法避免的问题是越基础的问题越容易被忽略。因此我将JS中各种跨页面操作整理如下便于自己查找,也需要的朋友提供一些方便。

原态JAVASCRIPT DOM获取页面中的iframe:

  1. window.frames["iframeChild"].document    //假如iframe的id为iframeChild
  2. window.parent.document    //在子窗口中操作父窗口

获取页面的对象其实就是DOM方法外面加上jquery的选择符:

  1. $(window.frames["iframeChild"].document)    //假如iframe的id为iframeChild
  2. $(window.parent.document)    //在子窗口中操作父窗口

接下来就可以继续获取iframe内的DOM了,获取iframe内的dom对象有两种方法:

  1. $(window.frames["iframeChild"].document).find("#child")    //第一种
  2. $("#child",window.frames["iframeChild"].document)    //第二种

1.在父窗口中操作 选中IFRAME中的所有单选按钮

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

2.在IFRAME中操作 选中父窗口中的所有单选按钮

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

jQuery widget 开发的一些窍门

最近有一个项目基于JQUERY UI套件进行开发,于是我考虑所有的JS功能基于UI的结构进行开发管理,同时也在网上面收集了一些开发中的敲门,一下主要是以针对widget方面的总结: 继续阅读 »

无觅相关文章插件,快速提升流量