jQuery,选择器,选择父页面的元素
来源:互联网 发布:禁毒网络知识竞赛网 编辑:程序博客网 时间:2024/05/01 20:34
最近操作iframe页面元素比较多。涉及到在子页面里控制父页面元素的显示,使用parent.document.getElementById("filterToFloders")获取父页面里id为filterToFloders的元素,或者是从顶层window下找到iframe页面元素的操作-window.parent.frames["setFilterFrame"].document.getElementById("targetFloder"),获取元素。但是现在页面里多半是使用jQuery来获取DOM元素,这样混杂着原生js获取DOM元素的操作,让代码整体看起来不伦不类。后来才发现jQuery选择器本身还可以带一个参数,传递选择的范围的,$("元素标识","元素所在范围")。所让代码变得简洁很多。而且风格统一。
如下对等操作:
javascript----------------------------------------------------------------------------jQuery
parent.document.getElementById("filterToFloders")-----------------------------------$("#filterToFloders",parent.document) //子页面获取iframe父页面的DOM
window.parent.frames["setFilterFrame"].document.getElementById("targetFloder")----$("#targetFloder",window.parent.frames["setFilterFrame"].document)//子页面获取父页面里的其他iframe子页面里的DOM
window.frames["iframeChild"].document.getElementById("floader")------------------$("#floader",window.frames["iframeChild"].document)//父页面获取子页面的DOM元素
除此之前还有另一种方法:$(window.frames["iframeChild"].document).find("#floader")(这种方法看到的,还没实际验证。)
另外可以先用jQuery选中目标父页面或者是目标子页面,在再这页面上进行下一层级DOM元素的寻找。
父页面获取子页面元素:
javascript:window.frames["iframeChild"].document //假如iframe的id为iframeChild
jQuery:$(window.frames["iframeChild"].document) //假如iframe的id为iframeChild
接着获取子页面元素:
$(window.frames["iframeChild"].document).find("#floader")
$("#floader",window.frames["iframeChild"].document)
子页面获取父页面元素雷同。关键是获取要找的页面就行。
- jQuery,选择器,选择父页面的元素
- jQuery选择器选择dom元素
- jQuery选择器选择dom元素
- Jquery内容选择器选择元素
- jQuery 的选择器 元素选择器
- jquery之选择将被操作的元素(CSS选择器)
- jquery 用于选择多个元素的多选择器
- jquery 选择器 怎么选择iframepage里面的元素
- 使用jQuery基本选择器选择元素
- 使用jQuery层次选择器选择元素
- 使用jQuery内容过滤选择器选择元素
- 使用jQuery属性过滤选择器选择元素
- jquery子元素选择器、form属性选择器和实现可以左右选择的下拉菜单效果
- JQuery 笔记(二) - 页面元素选择器
- 详解jQuery的元素选择器
- jquery之选择将被操作的元素(利用自定义jquery选择器)
- 使用jQuery子元素过滤选择器选择元素
- JQuery选择器的选择规则
- 众筹金融下的后期平台汇总
- shell 编程-函数
- ECharts配置
- 隔代育儿真那么可怕么?
- Phalcon编译安装
- jQuery,选择器,选择父页面的元素
- C++小练习—找零钱问题
- Lucence索引的存储
- 记录3——快速检查机器的各种实时错误日志并且及时定位问题———修订版1
- eclipse启动 java虚拟机报错 A fatal error has been detected by the Java Runtime Environment:
- 医疗信息化发展浅析
- MySQL中文乱码问题的解决 (2009-01-02 20:16:25)
- Opencv2系列学习笔记4(灰度直方图)
- 函数调用可以做为一个函数的形参