jquery 获取元素css的left,top值

经常要获取某个元素的相对位置来做某些jquery特效，left和top也是我们经常用到的css属性，下面是对left和top的解释：

值为auto : 无特殊定位，根据HTML定位规则载文档流中分配
值为length :由浮点数字和单位标识符组成的长度值 | 百分数。必须定义position属性值为absolute或者relative此取值方可生效。

css的left和top属性指的是距最近的一个position属性为relative或者absolute的父级元素的左边后上边的距离，

明白了css的left和top的含义，可以看下jquery获取css的值，因为left和top也都是普通的css属性所以可以使用如下代码来获取

var left = $('#test').css('left');
var top = $('#test').css('top');

当然这样获取的是一个字符串，如果们想直接取得对象的left和top的像素值，可以通过position方法来获取

var left = $('#test').position().left;
var top = $('#test').position().top;

jquery获取left和top值，一般都用第二种方法，因为我们直接获取了left和top的像素值，可以直接用于计算，免去了通过函数praseInt转换的麻烦

原文：http://www.jquerycn.cn/a_85

jquery 获取元素css的left,top值相关推荐

js获取元素的left和top值方法总结
方法一: 使用obj.style.left和obj.style.top 该方法获取到的样式可读可写但是这种方法有局限性,仅能获取行内样式中的left,right. 如果写在了style标签里,或者l ...
jquery获取元素索引值index()
jquery获取元素索引值index() 作者: 梅川内酷于 13-04-26 热度:384 jquery获取元素索引值index()方法: jquery的index()方法搜索匹配的元素,并返回 ...
jquery获取元素在文档中的位置信息以及滚动条位置（转）
jquery获取元素在文档中的位置信息以及滚动条位置 http://blog.csdn.net/qq_34095777/article/details/78750886 原文链接原创 201 ...
jquery获取元素四种方式。
jquery获取元素四种方式. 当你成功引入jquery插件之后,就可以用jquery的语法来获取html元素. js获取只有document.getElementById或者通过名称来获取. 而jq ...
使用jQuery获取元素类型
本文翻译自:Get element type with jQuery Is it possible, using jQuery, to find out the type of an element ...
html获取边缘元素,JQuery 获取元素到浏览器可视窗口边缘的距离
获取元素到浏览器可视窗口边缘的距离 by:授客 QQ:1033553122 1.测试环境 JQuery-3.2.1.min.js 下载地址: https://gitee.com/ishouke/fro ...
js jquery 获取元素(父节点,子节点,兄弟节点)
js jquery 获取元素(父节点,子节点,兄弟节点) js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test&quo ...
JQuery获取元素的display属性
JQuery获取元素的display属性 $('#input_id').css('display')
jquery获取元素宽高
前言 jquery获取元素宽高 <!DOCTYPE html> <html lang="zh" > <head><meta charset ...
jquery获取select选择的文本与值
jquery获取select选择的文本与值获取select : 获取select 选中的 text : $("#ddlregtype").find("option:se ...

jquery 获取元素css的left,top值

jquery 获取元素css的left,top值相关推荐

最新文章

热门文章