jquery获取元素的宽度 jquery设置div的最小宽度方法

好文

已推荐百科知识 2022年12月14日 00:55:05 1 2 网创网营销顾问知名网络工程师互联网优化师本文总共826个字，预计阅读时间或需3分钟

试试语音读文章

前端web页面中。js应该很方便的获取div元素的高度和宽度。那么这篇文章就说一说原生JS与JQ怎么样急速的获取DIV元素的高度和宽度的方法。

js获取div元素高度与宽度的方法

js获取div元素的高度与宽度要用的 clientHeight 与 clientWidth方法

clientHeight：返回元素的可视高度

clientWidth：返回元素的可视宽度

示例代码：

<div id="mochu" style="height: 200px;width:150px;color:#fff;background-color: blueviolet;">

趣玩号

</div>

<script>

//获取高度

var h = document.getElementById('mochu').clientHeight;

//获取宽度

var w = document.getElementById('mochu').clientWidth;

console.log(h);

console.log(w);

</script>

打印结果：

200

150

jQuery获取div元素高度与宽度的方法

相对于原生的 javascript 来说。使用 jquery 来获取 div 元素的高度与宽度要无脑的多。

jq获取div元素宽度的方法

$(selector).width()

jq获取div元素高度的方法

$(selector).height()

示例代码：

<div id="mochu" style="height: 100px;width:150px;">

http://www.feiniaomy.com

</div>

<script>

//获取高度

var h = $('#mochu').height();

//获取宽度

var w = $('#mochu').width();

console.log(h);

console.log(w);

</script>

打印结果：

100

150

您还感兴趣的文章推荐

以上就是由互联网推广工程师网创网整理编辑的，如果觉得有帮助欢迎收藏转发~

本文标题：jquery获取元素的宽度 jquery设置div的最小宽度方法
本文地址：https://www.wangchuang8.com/78328.html，转载请说明来源于：网创推广网
声明：本站部分文章来自网络，如无特殊说明或标注，均为本站原创发布。如若本站内容侵犯了原著者的合法权益，可联系进行处理。分享目的仅供大家学习与参考,不代表本站立场。