jquery offset获取div的位置top和left数值

offset() 方法返回或设置匹配元素相对于文档的偏移(位置)。

绝对位置:

 代码如下 复制代码

var X = $('#DivID').offset().top;
var Y = $('#DivID').offset().left;

返回第一个匹配元素的偏移坐标。
该方法返回的对象包含两个整型属性:top 和 left,以像素计。此方法只对可见元素有效

例子

 代码如下 复制代码

<div id="div1"></div>

jquery获取此div的left和top:

var top = $("#div1").offset().top;
var left = $("#div1").offset().left;

这样比起js这个offset是要方便很多了哦

时间: 2024-09-23 20:45:48

jquery offset获取div的位置top和left数值的相关文章

jquery如何获取div坐标

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-

jquery 如何获取div下面的ul下面的li下面的所有img

问题描述 <div id="nr_buttom"> <ul id="change"> <li> <img src="images/gg_h1.jpg" /> </li> <li> <img src="images/gg_h2.jpg" /> </li> </ul> </div> 如何获取这个div下面的所有i

jQuery实现将div中滚动条滚动到指定位置的方法_jquery

本文实例讲述了jQuery实现将div中滚动条滚动到指定位置的方法.分享给大家供大家参考,具体如下: 一.Js代码: onload = function () { //初始化 scrollToLocation(); }; function scrollToLocation() { var mainContainer = $('#thisMainPanel'), scrollToContainer = mainContainer.find('.son-panel:last');//滚动到<div

jquery获取div距离窗口和父级dv的距离示例_jquery

jquery中jquery.offset().top / left用于获取div距离窗口的距离,jquery.position().top / left 用于获取距离父级div的距离(必须是绝对定位的div). (1)先介绍jquery.offset().top / left css: 复制代码 代码如下: *{ margin: 0px; padding: 0px; } div{ margin: 0px auto; } .a{ width: 960px; height: 200px; } .pa

javascript-请问,如何用JavaScript获取div中插入符光标的像素位置?

问题描述 请问,如何用JavaScript获取div中插入符光标的像素位置? 如题,div是可编辑的,width和height可变,输入的字符不限格式,并且可输入的字符数量庞大. ps:热心的亲们,文本框和input的获取方式对于div来说不太适用,╮(╯▽╰)╭ pps:不是鼠标位置,不是div元素的位置,是当焦点在div时,div里面一闪一闪的那个插入符光标的像素位置,有x,y的那种,或者 {left = p.left + "px"; top = p.top +"px&q

获取div编辑框,textarea,input text的光标位置 兼容IE,FF和Chrome的方法介绍_javascript技巧

网上苦找2小时,全是不能兼容FF的,看来这种东西网上是搞不到现成的了,只能自己动手丰衣足食 现在发布出来,今后网上就有现成的供人使用了. 为了省事,少量位置用了jquery 改原生JS也很方便,谁需要就请自己修改了. 欢迎各位路过高人拍板,欢迎各位留言提供改进代码. 又改进 兼容了Chrome 下面的代码已修改成最新版 上源码了 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &q

jquery获取div宽度的实现思路与代码_jquery

jquery 获取 DIV的width的语句: 复制代码 代码如下: $("#keleyi_com").width(); 其中keleyi_com为DIV的id. 完整示例代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&

jquery 操作css样式、位置、尺寸方法汇总_jquery

一.CSS 1.css(name) 访问第一个匹配元素的样式属性. 返回值 String 参数 name (String) : 要访问的属性名称 示例: 复制代码 代码如下: $("p").css("color"); //取得第一个段落的color样式属性的值 2.css(properties) 把一个"名/值对"对象设置为所有匹配元素的样式属性.这是一种在所有匹配的元素上设置大量样式属性的最佳方式. 返回值 jQuery 参数 properti

jquery offset函数应用实例_jquery

我们有时候需要实现这样一种功能:点击一个按钮,然后在按钮的下方显示一个div.当按钮位于角落时,div的位置设定就需要调整,不然,div将显示不完全. 我打算使用offset()方法实现此功能,但要先弄清楚他的功能. offset()的top是指元素与document的上边的距离,而不是浏览器当前窗体的上边缘,如图1.  图1:document高度超过window,浏览器出现滚动条,滚动滚动条,提交按钮的offset不变. 图2:document中的div有滚动条,提交按钮的offset随div