jquery 获取元素width height 小数点向上取整

最新推荐文章于 2021-06-28 06:24:51 发布
最新推荐文章于 2021-06-28 06:24:51 发布
阅读量1.8k 收藏
点赞数
文章标签： jquery html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/habit_reflection/article/details/52194508
版权

今天被问到html元素中width 的属性值 为100.5px时，jquery 获取时向上取整101px；做了一个测试

<!DOCTYPE html>
<html>
<head>
<script src="jquery.1.11.3.min.js"></script>
</head>
<body>
	<div id="div1" style="width:100.5px;height:100.5px;">1</div>
	<div id="div2" style="width:10%;height:10%;">2</div>
	<script>
		
		console.info("js  "+document.getElementById("div1").style.width);
		console.info("jquery  "+$("#div1").css("width"));
		
		console.info("js  "+document.getElementById("div2").style.width);
		console.info("jquery  "+$("#div2").css("width"));
	</script>
	
</body>
</html>

javascript能够取得100.5px； 原因在于javascript取到的属性文本值
jquery 取到101：原因 jquery获取浏览器解析html 元素的width属性值(猜测)
这里理解有些奇怪：所以我用了百分比设置，来证明猜测是否正确
js  100.5px jquery  101px
js  10% jquery  94px
结果证明，这样理解还是可以的。

烤肉不能吃肉肉
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JQuery学习笔记
kianagrow的博客
05-15 1166
jQuery是一个快速、简洁的JavaScript框架，封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
jquery动态控制满星非满星评分
08-25 119
练习时，网上搜了下满星半星评分和样式，觉得有点复杂，摸索了一天，自己动手写了个demo，如果不需要jquery脚本动态控制，非常简单，唯一需要替换的就是你下载（推荐下载阿里字体图标库）的字体图标路径和具体星星字体；效果截图如下 水平有限，仅供大家参考，欢迎指正，谢谢！全部代码和说明如下； <head> <title>动态读取评分并设置满星和非满星</titl...
jquery 获取元素高度
avtcpm1927的博客
08-28 182
jquery 获取元素高度 方法一：获取页面的实际高度 1.获取页面高度：$(window).height() 结果是整数 例如 544 2.获取元素高度：$("#submitBtn").height() 结果是整数 例如 522 3.设置元素高度：$...
jquery 判断是否是浮点数_jquery或者js获取到元素宽高精确到小数
weixin_31578739的博客
01-14 287
首先我们应该知道用jQuery的width()方法获取元素的宽高及样式属性数值时，如果元素的属性是浮点数，会自动四舍五入成整数。而如果我们就是想获取实际的带小数的属性数值时该用什么方法。在使用获取到的宽度时，为了保证与原来元素的宽度一致，我在工作中处理时有两种解决方案：第一种js原生方法getBoundingClientRect()$(obj)[0].getBoundingClientRect()...
jQuery对于宽、高度的获取，以及精准数值的获取方式（含小数点）
weixin_34128411的博客
09-26 1148
2019独角兽企业重金招聘Python工程师标准>>> ...
outerHeight(options)
weixin_34061482的博客
12-25 73
http://blog.sina.com.cn/s/blog_83958bc601010623.html 转载于:https://www.cnblogs.com/mabelstyle/archive/2012/12/25/2832641.html
jQuery获取元素各种宽高及页面宽高总结
sinat_41274057的博客
11-19 260
window.onload=function(){ var a = $("#div").width(),//width()返回元素的宽高，不包括padding/border/margin b = $("#div").innerWidth(),//innerWidth()返回元素的宽高 + padding c = $("#div").outerWidth(),...
jQuery表格(Table)基本操作实例分析
12-04
width: 800px; } th, td { border: 1px solid #b5d6e6; font-size: 12px; font-weight: normal; text-align: center; vertical-align: middle; height: 20px; } th { background-color: Gray; } ``` 接下来...
高效的jquery数字滚动特效
11-23
在以上所有情况中，jQuery的`animate`函数用于控制数字字符的动画效果，通过改变元素的位置或透明度等属性，模拟数字的滚动过程。同时，通过CSS样式控制数字的布局和外观，确保滚动效果的美观性。 总结，通过jQuery...
jquery仿windows计算器特效代码
03-20
【jQuery仿Windows计算器特效代码详解】 在Web开发中，实现类似Windows系统计算器的功能是一个常见的需求。jQuery作为一个轻量级的JavaScript库，提供了丰富的API和插件，使得开发者能够轻松实现这种交互效果。本篇...
谷歌html中宽度为小数,浏览器对css小数点的处理
weixin_39892447的博客
06-10 1134
近期，离都审一近也来是核个近也来是核个近也来在开发的时候遇到一个奇怪的问题，如下图(ios系统，android暂未发现)，第一个和第三个子元素中的角标与父元素始终有一条缝隙，但是第二个没有，因为第一次遇到，没有意识到是小数点的问题，然后从头到尾重新看了相关的样式，布局，设置都没有问题，但是那条缝又明明确确的在那能还有都这房搞名移页通带近啥是点是三子清这动端过的近啥是点是三子清这动端过的近啥是点是三...
html宽度百分比小数,小数精度问题.html
weixin_33474104的博客
06-28 528
Document// 乘法function accMul(arg1,arg2){let m=0;let s1=arg1.toString();let s2=arg2.toString();try{m+=s1.split(".")[1].length}catch(e){}try{m+=s2.split(".")[1].length}catch(e){}return Number(s1.replace...
谷歌html中宽度为小数,CSS宽度中的小数位受尊重吗？
weixin_39994949的博客
06-10 229
开满天机尽管小数像素可能出现在单个元素上(如@SkilDrick演示得很好)重要的是要知道分数像素实际上在实际的盒子模型中是受尊重的.当元素相互叠在一起(或顶部)时，最好看到这一点；换句话说，如果我将400个0.5像素的div并排放置，它们将具有与单个200像素div相同的宽度。如果他们都其实我们认为200 pxdiv的长度是200 pxdiv的一半。这可以在这个可运行的代码片段中看到：body ...
html 像素 小数点,浏览器亚像素渲染与小数位的取舍
weixin_39796868的博客
06-03 392
背景前言导语在响应式项目中，百分比的数值的应用越来越多，比如栅格化布局、背景定位、内边距等。以往对于这种数值，我们大都是直接采用计算器计算出来的数值。但这种数值有时会很长，特别是除不尽的数值如23.33333333%。数据不美观不说，关键对于这种小数位的位数应该如何取舍，一直以来都没有理论依据。为了解决这个问题，我们需要先了解浏览器是如何处理这些小数位的。对于小数位的处理，不同的浏览器有不同的处理...
jQuery获取元素尺寸的方法
corn78的博客
05-24 2387
一、.width() 为匹配的元素集合中获取第一个元素的当前计算宽度值。给每个匹配的元素设置CSS宽度。 内容宽度 二、.height() 获取匹配元素集合中的第一个元素的当前计算高度值。设置每一个匹配元素的高度值。 内容高度 三、.innerWidth() 为匹配的元素集合中获取第一个元素的当前计算宽度值,包括padding，但是不包括border。 内容宽度 + 左右padding 四、.innerHeight() 为匹配的元素集合中获取第一个元素的当前计算高度值,包括padding，但是不包括bord
jQuery获取盒子尺寸
lipeiwen1998的博客
07-23 948
height() height() 取得匹配元素当前计算的高度值（px） 参数height([val|fn]) 设定CSS中 ‘height’ 的值，方法中有一个参数，可以是字符串或者数字，还可以是一个函数 当参数为函数时，函数接受两个参数，第一个参数是元素在原先集合中的索引位置，第二个参数为原先的高度 //height()中没有参数时则获取该元素的height值 var div1 = $("div").height(); console.log(div1);//输出div的height //heig
关于 jquery和js获取宽度时只能取整数，取不到小数点
HELLO WORLD
06-27 3503
见上图，该图为全屏导航截图。每个栏目名称后面都有一根白线，切白线一直到达浏览视口最右侧。 如何实现？ 我想到一个方法，见下代码： &amp;lt;div class=&quot;mainnav&quot;&amp;gt; &amp;lt;ul class=&quot;ul&quot;&amp;gt; &amp;lt;li id=&quot;mnav1&quot;&amp;gt;
jquery 获取元素精确长宽，包含小数点
qq_41277245的博客
04-03 1652
let width1 = $('#titleName' + id)[0].getBoundingClientRect().width;
怎样通过jq获取元素的真实的高度（包含小数点）
JED'S BLOG
09-24 1666
最近在项目中踩到一个坑，顺利解决后，分享一下。 在项目中需要获取一个图片的高度，而它的宽度是百分比的，所以得它的高度，则是根据浏览器缩放来定义的。 这里我假设这个图片是ele，我是这么获取图片的 $("ele").height()但是通过浏览器发现，这个ele实际的高度 假设为 24.13px; 通过上面的jq方法，获取到的高度只能是24px ! 因为还要继续对这个图片的高度进行运算，0
jquery获取元素
最新发布
05-26
您可以使用jQuery的选择器来获取元素。例如，要获取id为"myElement"的元素，您可以使用以下代码： ```javascript var element = $("#myElement"); ``` 同样，您也可以使用类名或标签名来获取元素。例如，要获取...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值