前言

jquery获取元素宽高

<!DOCTYPE html>
<html lang="zh" >
<head><meta charset="utf-8"><style>li {margin: 10px;padding: 5px;border: 2px solid #666;width: 800px;height: 100px;display: block;}li:first-child {background-color:#0fc;}li:nth-child(2) {background-color:#cf0;}li:nth-child(3) {background-color:#cfc;}li:last-child {background-color:#3f0;}li:nth-last-child(2) {background-color:#333;}</style>
</head>
<body class="white-bg"><ul><li></li><li></li><li></li><li></li><li></li></ul><script src="https://lib.baomitu.com/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){$("li:eq(0)").text("width:" + $("li:eq(0)").width() + "，innerWidth:" + $("li:eq(0)").innerWidth() + "，outerWidth:" + $("li:eq(0)").outerWidth() + "，outerWidth(true):" + $("li:eq(0)").outerWidth(true));$("li:eq(1)").text("width:" + $("li:eq(1)").height() + "，innerHeight:" + $("li:eq(1)").innerHeight() + "，outerHeight:" + $("li:eq(1)").outerHeight() + "，outerHeight(true):" + $("li:eq(1)").outerHeight(true));
});
</script>
</body>
</html>

参考

https://www.cnblogs.com/goloving/p/7113567.html
https://api.jquery.com/width/
https://api.jquery.com/innerWidth/
https://api.jquery.com/outerWidth/
https://api.jquery.com/

jquery获取元素宽高相关推荐

微信小程序view动态长度_微信小程序实现动态获取元素宽高的方法分析
本文实例讲述了微信小程序实现动态获取元素宽高的方法.分享给大家供大家参考,具体如下: 我以前一直以为微信小程序不能动态获取view元素的宽高.但是自从看到: wx.createSelectorQuer ...
如何通过JS获取元素宽高
方法一:DOM节点.offsetWidth/offsetHeight 作用:获取到的是内容区域(content) + 内边距(padding) + 边框(border)的值,输出一个数字. <s ...
vue 获取元素宽高
vue 获取元素宽高 vue 中获取组件宽高分两种情况: 1.获取普通组件宽高,直接使用 $refs 即可 2.获取子组件宽高,需使用 $refs.$el 子组件 <template>&l ...
原生js获取html元素高度,原生JS获取元素宽高实践详解
开篇的话任何不是亲身实践中求得的知识,都不是属于你的. 任何求得的知识不去时常温习运用,也不是属于你的. 记录由来在做个上拉广告功能中遇到了一个"理所当然"觉得对的用法,慢慢才 ...
微信小程序获取页面元素高度_微信小程序之动态获取元素宽高
我以前一直以为微信小程序不能动态获取view元素的宽高.但是自从看到: wx.createSelectorQuery() 这个api接口,以前的某些问题就能得到解决了... 那么,这个api接口怎么用 ...
Vue ref 和 $refs 获取元素宽高
Vue3当中获取方法一:借助 ref() 函数 (推荐) <div ref="box">我是div </div>import { ref,onMounte ...
jquery获取浏览器宽高
满足获取各种高的需求 $(document).ready(function() { alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(documen ...
小程序组件获取元素宽高失效和canvas绘制问题
解决办法: 在自定义组件内获取必须用SelectorQuery.in() Component({lifetimes: {ready() {const query = wx.createSelector ...
jquery获取元素在文档中的位置信息以及滚动条位置（转）
jquery获取元素在文档中的位置信息以及滚动条位置 http://blog.csdn.net/qq_34095777/article/details/78750886 原文链接原创 201 ...

jquery获取元素宽高

前言

jquery获取元素宽高

参考

jquery获取元素宽高相关推荐

最新文章

热门文章