代码详解
1,获取对象(自定义调整打开新窗口参照元素)
var obj = $(”#oButton”);
实例中我获取的对象是弹出窗口按钮,这样创建的新窗口就会根椐按钮的位置进行调整,实例中将创建的新窗口显示的按钮的右下角。
2,获取对象元素的位置(offset()方法)
var offset = obj.offset();
获取对象元素的位置,分别是元素的top和left,调用方法是:offset.left和offset.top,可知当前对象的左部和顶部位置。
3,获取对象元素的宽度(width()方法)
var right = offset.left+obj.width();
实例中是获取对象的右下角位置,创建新窗口的左部位置。
4,获取对象元素的高度(height()方法)
var down = offset.top+obj.height();
实例中是获取对象的右下角位置,创建新窗口的顶部位置。
5,定义CSS样式,分别设置左部和顶部。
‘left’:right,
‘top’:down,
要注意CSS样式中margin和padding的值,以及浏览器IE与firefox兼容等效果。
结合上面实例,jQuery获取元素位置以及高度与宽度非常简单,通过内置方法offset(),width()和height()实现我们的动态调整打开新窗口功能,对于其它扩展应用来说也一样,了解jQuery获取元素位置以及高度与宽度方法,对于创建新元素,调整元素位置与大小,将非常实用。
相关文章
- 算法刷题-分隔链表、合并两个有序链表、在排序数组中查找元素的第一个和最后一个位置
- 在cocoa应用程序中从GPS设备(USG-MR350)获取位置数据的API /方法?
- 在Swift中获取PHAsset的位置
- 如何获得在jQuery中具有特定类名的元素?
- dirname命令介绍-使用dirname在shell脚本中获取当前脚本文件所在的绝对路径
- 手写面试编程题- 数组去重 深拷贝 获取文本节点 设置奇数偶数背景色 JS中检测变量为string类型的方法 第6题闭包 将两个数组合并为一个数组 怎样添加、移除、移动、复制、创建和查找节点? 继承 对一个数组实现随机排序 让元素水平 垂直居中的三种方式 通过jQuery的extend方法实现深拷贝
- 页面滚动到一定位置时才显示在指定位置上的元素的jquery代码
- 对于foreach (var c in s),在循环中,如何随时知道c是s中的第几个元素,也就是c元素在s中的下标(位置)是几
- 【LeeCode】34. 在排序数组中查找元素的第一个和最后一个位置
- 在一行中获取流/列表的最后一个元素