jquery—获取元素高度方法 (总结)

jquery—获取元素高度方法 (总结),第1张

$("#div_id")height();

// 获得的是该div本身的高度, (不包含padding,margin,border)

$("#div_id")outerHeight();

// 包含该div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)

$("#div_id")outerHeight(true);

// 包含该div本身的高度, 以及padding,border,margin上下的总高度

$(window)height();

// 获取浏览器显示区域(可视区域)的高度

$(window)width();

// 获取页面的文档高度

$(document)height();

// 浏览器当前窗口文档的高度

$(documentbody)width();

// 浏览器当前窗口文档body的高度

$(document)scrollTop();

// 获取滚动条到顶部的垂直高度 (即网页被卷上去的高度)

objoffset()top

// 某个元素的上边界到body最顶部的距离(在元素的包含元素不含滚动条的情况下)

1、创建如下结构的测试文件-- Content,-- jquery-1113minjs,-- JquerySelecthtml。

2、获取下拉框选中值:使用val()。

3、获取下拉框选中文本:使用find("option:selected")text()。

4、获取下拉框选中项的索引:使用get(0)selectedIndex。

5、通过value值设置下拉框的选中项:使用val("value值")。

6、通过text值设置下拉框的选中项。

7、通过value值删除下拉框的一个选项。

8、通过text值删除下拉框的一个选项。

padding 属性可以按照方向分开来写。

<style>

outer {

width:400px;

height:400px;

border: 2px solid #000;

}

inner {

width:200px;

height:200px;

background-color:green;

/padding:40px 80px;运行效果是一样的/

padding-top:40px;

padding-right: 80px;

padding-bottom: 40px;

padding-left: 80px;

}

</style>

<body>

<div class="outer">

<div class="inner"></div>

</div>

</body>

以上就是关于jquery—获取元素高度方法 (总结)全部的内容,包括:jquery—获取元素高度方法 (总结)、jQuery如何获取复选框选中项后的文字、火狐浏览器,用jQuery如何获取到margin:0 auto的外边距值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9606406.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存