jquery获取div距离顶部的距离

获取元素到页面顶部距离的语句为:

1、jquery写法:
$(“#divID”).offset().top  //推荐

$("#vertical").position().top

2、js写法:

document.getElementById("divID").offsetTop  //推荐

时间: 2024-10-11 22:02:45

jquery获取div距离顶部的距离的相关文章

JavaScript和JQuery获取DIV的值

1.设计源码 <!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="C

jquery获取&lt;div&gt;&lt;/div&gt;之间的内容.text() 和 .html()区别

jQuery 获取 div 之间的内容,有两种方法,$(selector).text().$(selector).html() . html: <div> <p>test</p> </div> $("div").text() 得到的是 test,是 div 的纯文本,会自动忽略 html 标签 . $("div").html() 得到的是 <p>test</p>,是 div 的所有内容,包括 h

jquery获取div宽度与高度

jquery里面获取div区块的宽度与高度. 获取宽度 $('div').width();     获取:区块的本身宽度 $('div').outerWidth();     获取:区块的宽度+padding宽度+border宽度 $('div').outerWidth(true);    获取:区块的宽度+padding宽度+border宽度+margin的宽度 获取高度 $('div').height();     获取:区块的本身高度 $('div').outerHeight();    

jquery获取div中所有img的src并各自加上某个字符

$(document).ready(function(){ $(".neirong img").each(function(){ var img_url = $(this).attr("src"); $(this).attr('src',img_url+'-500.600'); }); }); 原文地址:https://www.cnblogs.com/weilianguang/p/8901895.html

jquery scrollUp滚动到顶部

前言:当页面滚动到很靠下的地方时,如果有一个快捷按钮使之滚动到页面顶部,自然是用户所需的,而jquery scrollUp这个插件实现了我们这个需求,然而只是看jQuery滚动到顶部插件scrollUp这样的文章,显然是没有效果的,还需要另外的设置. 另外我想说的是,本来我这个探索jfinal的系列是说jfinal的,然而随着项目进度的延伸,我发觉这个标题已经不能满足于我的需求,我想讲的是"探索jfinal与bootstrap",然而专栏不能再更改题目,于是我只能忍了. 材料准备 你可

使用JQuery获取节点与其子节点的方法

对于页面中的html片段: <div id="dem"><span>单号:</span>RC-12345854635</div> 使用jQuery获取div的文本节点: var str = $("#dem").text(); 得到的内容--> str = 单号:RC-12345854635,即取得了div节点的全部文本内容. 要想获得div主节点的文本,而不去子节点(span)的文本,可使用如下方法: var t

如何获取div距离浏览器顶部的高度,宽度,内容

JS就可以获取了, document.getElementById("DIV的ID或者其它选择").offsetTop;这是离顶部 JQ可以这样: $("#aaa").offset().top; //jq获取aaa元素距离body的距离 document.getelementbyid("ddhdh").innerHTML 可以获取到div中的全部数据,包括标签...但是只是在IE和OPERA中使用 document.getelementbyid(

js,jquery 获取滚动条高度和位置, 元素距顶部距离

一,获取滚动条高度和位置 jQuery 获取览器显示区域的高度: $(window).height();  获取浏览器显示区域的宽度:$(window).width(); 获取页面的文档高度:$(document).height(); 获取页面的文档宽度:$(document).width(); 获取滚动条到顶部的垂直高度:$(document).scrollTop()或$(window).scrollTop() 获取滚动条到左边的垂直宽度:$(document).scrollLeft()或$(

[Jquery] js获取浏览器滚动条距离顶端的距离

需要用js获取滚动条距离窗口顶端的距离和js获取浏览器可视化窗口的大小  一.jQuery获取的相关方法 jquery 获取滚动条高度 获取浏览器显示区域的高度 : $(window).height(); 获取浏览器显示区域的宽度 : $(window).width(); 获取页面的文档高度 : $(document).height(); 获取页面的文档宽度 :$(document).width(); 获取滚动条到顶部的垂直高度 : $(document).scrollTop(); 获取滚动条到