如何用jquery获得页面元素到窗口顶部的距离

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml，并引入jquery。

2、在indexhtml中的<script>标签，输入jquery代码：

$('body')append($('div')offset()top - $(window)scrollTop());

3、浏览器运行indexhtml页面，此时通过jquery获取到了页面div倒窗口顶部的距离。

1、得到选中文字内容如下

//选中文字

var funGetSelectTxt = function() {

    var txt = '';

    if(documentselection) {

        txt = documentselectioncreateRange()text;

    } else {

        txt = documentgetSelection();

    }

    return txttoString();

};

2，获取对象元素的位置(offset()方法)

var offset = objoffset();

获取对象元素的位置，分别是元素的top和left，调用方法是：offsetleft和offsettop，可知当前对象的左部和顶部位置。

得有个规律才能找得到

比如 它是id为nav的div下的第二个超链接

$('#nav a:eq(1)')text()

或者它的属性href中包含字符串forumdisplayphp

$('#nav a')each(function(){

if($(this)attr('href')indexOf(forumdisplayphp)!=-1){

//就是这个了

alert($(this)text())

}

})

以上就是关于如何用jquery获得页面元素到窗口顶部的距离全部的内容，包括:如何用jquery获得页面元素到窗口顶部的距离、jquery如何得到选中文字的内容和坐标、JQuery 如何获取下面标签的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！