jquery 能不能获得可见屏幕上的第一个div

jquery 能不能获得可见屏幕上的第一个div,第1张

能获得,不过挺麻烦的,会用到递归,说一下思路。先取得所有的div,挨个求div到body顶端的距离,跟body的scrolltop比较,如果前者大就保留。最后只留下距离顶端距离最小的div。求div到body顶端距离:取得自身的offsettop,然后+parent的offsettop,这样一层一层网上加,最后加到body层。

第一步, 获取你要得到高度的那个div的jQuery对象, 获得方法有很多很多种, 具体你可以看一下jQuery API文档里的选择器部分, 在这里我只跟你说一个最直接的方法, 通过id获得: $("#div_id")

第二步, 要看你要得到的是什么高度了, jQuery里现有的三个(其实是两个)获得高度的方法是:

1 $("#div_id")height(); // 获得的是该div本身的高度, (不包含padding,margin,border)

2 $("#div_id")outerHeight(); // 包含该div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)

3 $("#div_id")outerHeight(true); // 包含该div本身的高度, 以及padding,border,margin上下的总高度

首先,要用jquery获取到这个元素,用attr方法可以输出这个元素的标签属性。例如:

<div id='id1' class='class2'></div>

$('#id1') 获取到这个元素,有很多种获取元素方法,可参考jquery的文档。

$('#id1')attr('id'),就是获取到ID

$('#id1')attr('class'),就是获取到整个的class样式,多个样式可以自行用空格split一下。

我是这样取值的,不知是不是你要的:

var divTop = $("div")css("top");

var divLeft = $("div")css("left");

JQ里面单单写css的属性的话就是取值了。

我做实验的完整代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">

以上就是关于jquery 能不能获得可见屏幕上的第一个div全部的内容,包括:jquery 能不能获得可见屏幕上的第一个div、“jQuery”怎么简单去获取一个“div”的高度、如何用Jquery获取某一个Div的Class或者ID等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9389905.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-27
下一篇 2023-04-27

发表评论

登录后才能评论

评论列表(0条)

保存