首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >jQuery width返回像素而不是%

jQuery width返回像素而不是%
EN

Stack Overflow用户
提问于 2012-06-12 14:33:28
回答 4查看 2.2K关注 0票数 1
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 <div class="ui-progress" style="width: 10%;">

 console.log($(this).width());

以像素为单位返回宽度,而不是%。如何获得百分比?

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2012-06-12 14:34:34

试试这个:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var width = $('.ui-progress').width();
var parentWidth = $('.ui-progress').offsetParent().width();
var percent = 100*width/parentWidth;

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var width = ( 100 * parseFloat($('.ui-progress').css('width')) / parseFloat($('.ui-progress').parent().css('width')) ) + '%';

备注

如果.ui-progress的父对象有CSS position:absolute,则可以使用.offsetParent()

票数 7
EN

Stack Overflow用户

发布于 2012-06-12 14:34:43

它返回以像素为单位的宽度,因为这是浏览器解释百分比的方式。它可能在CSS中显示为百分比,但在浏览器显示时会转换为像素值。

console.log($(this).attr("style"));

票数 0
EN

Stack Overflow用户

发布于 2013-05-31 11:23:53

如果div是隐藏的,你可以得到%。当div被隐藏时,$(选择器).width()返回百分比。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10998854

复制
相关文章
springcloud 返回的数据为XML 而不是JSON
本人的原因是因为引入了jackson-dataformat-xml依赖导致的,下面查看自己项目是否包含此依赖,如果包含的话,可以去掉。 有的人添加了下面注解后可以解决,不过我这里没有解决。还是依靠上图
qubianzhong
2019/04/01
2.3K0
springcloud 返回的数据为XML 而不是JSON
jQuery源码解析之width()
一、在讲之前,先弄清 boxSizing 属性 (1)box-sizing 是默认值 "content-box"
进击的小进进
2022/03/28
3.2K0
jQuery源码解析之width()
为什么 useState 返回的是 array 而不是 object?
这里可以看到 useState 返回的是一个数组,那么为什么是返回数组而不是返回对象呢?我们在自定义 hook 时应该返回什么类型呢?
小鑫
2022/04/26
2.3K0
Feign配置微服务间调用返回XML而不是Json的解决方案
springcloud中的微服务之间通过网关的api调用时,返回的是xml格式,而不是相应的json串,如果想要返回json格式如何处理呢
在水一方
2022/06/14
1.6K0
Feign配置微服务间调用返回XML而不是Json的解决方案
jQuery点击返回顶部
<div class="backtop" href="javascript:;"> <img id="to_top" title="回顶部" style="width: 50px;" src="https://cdn.suoluomei.com/public/paparela/static/image/dingbu.png" alt="置顶图标"> </div> $(document).ready(function(){ //为当前窗口添加滚动条滚动事件 $
明知山
2020/09/03
6.1K0
style="width: ___" 与 width="___"
CSS width 和 height 属性可用于所有 HTML 元素。但 HTML width 和 height 属性仅适用于某些元素,如 canvas、img、table、td 等。
用户7043603
2022/02/27
1.6K0
何时使用MongoDB而不是MySql
MySQL 和 MongoDB 是两个可用于存储和管理数据的数据库管理系统。MySQL 是一个关系数据库系统,以结构化表格格式存储数据。相比之下,MongoDB 以更灵活的格式将数据存储为 JSON 文档。两者都提供性能和可扩展性,但它们为不同的应用场景提供了更好的性能。
wayn
2023/08/09
1K0
何时使用MongoDB而不是MySql
何时使用Kafka而不是RabbitMQ
Kafka 和 RabbitMQ 都是流行的开源消息系统,它们可以在分布式系统中实现数据的可靠传输和处理。Kafka 和 RabbitMQ 有各自的优势和特点,它们适用于不同的场景和需求。本文将比较 Kafka 和 RabbitMQ 的主要区别,并分析何时使用 Kafka 而不是 RabbitMQ。
wayn
2023/06/26
3580
何时使用Kafka而不是RabbitMQ
width 属性
<width> 规定标签内容区的宽度。内容区域在标签 padding,border 和 margin 内。
Html5知典
2019/11/26
5710
何时使用Elasticsearch而不是MySql
MySQL 和 Elasticsearch 是两种不同的数据管理系统,它们各有优劣,适用于不同的场景
wayn
2023/08/28
3090
何时使用Elasticsearch而不是MySql
何时使用Kafka而不是RabbitMQ
Kafka 和 RabbitMQ 都是流行的开源消息系统,它们可以在分布式系统中实现数据的可靠传输和处理。Kafka 和 RabbitMQ 有各自的优势和特点,它们适用于不同的场景和需求。本文将比较 Kafka 和 RabbitMQ 的主要区别,并分析何时使用 Kafka 而不是 RabbitMQ。
wayn
2023/08/28
2630
何时使用Kafka而不是RabbitMQ
iis站点设置错误页面返回http状态码为404而不是302或其他
  今天一位客户说网站错误页面返回的状态码是302而不是404,问ytkah要如何处理。这个应该是设置没有正确的原因。我们一步步来排查一下。1、首先打开iis管理器,左侧选择具体的站点,在右侧窗口中点击404错误页,如下图所示
ytkah
2019/09/25
3.3K0
iis站点设置错误页面返回http状态码为404而不是302或其他
何时使用Elasticsearch而不是MySql
MySQL 和 Elasticsearch 是两种不同的数据管理系统,它们各有优劣,适用于不同的场景。本文将从以下几个方面对它们进行比较和分析:
wayn
2023/08/09
6950
何时使用Elasticsearch而不是MySql
CreateWindow返回空句柄而GetLastError返回0咋回事
调用CreateWindow或CreateWindowEx创建窗口返回空句柄时,我们总是会调用GetLastError看下错误码,就知道具体错误的原因(比如窗口类未注册),但如果GetLastError返回0没有报错,是怎么回事呢?
gaigai
2019/08/30
2.3K0
jQuery实现返回顶部功能[通俗易懂]
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/158396.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/14
2K0
jQuery实现返回顶部功能[通俗易懂]
做产品经理而不是功能经理
产品经理是个很奇怪的岗位,好像大多数人都能做,因为每个人对某个产品都有自己的看法,都能提出一些意见和想法,甚至能设计实现原理;也好像大多数人都做不好产品经理,因为互联网上成千上万个产品,大部分是垃圾,
用户1756920
2018/06/20
1.1K0
android推荐使用dialogFrament而不是alertDialog
DialogFragment在android 3.0时被引入。是一种特殊的Fragment,用于在Activity的内容之上展示一个模态的对话框。典型的用于:展示警告框,输入框,确认框等等。 在DialogFragment产生之前,我们创建对话框:一般采用AlertDialog和Dialog。注:官方不推荐直接使用Dialog创建对话框。 2、 好处与用法 使用DialogFragment来管理对话框,当旋转屏幕和按下后退键时可以更好的管理其声明周期,它和Fragment有着基本一致的声明周期。且Dia
xiangzhihong
2018/01/29
2.4K0
android推荐使用dialogFrament而不是alertDialog
WideNet:让网络更宽而不是更深
这是新加坡国立大学在2022 aaai发布的一篇论文。WideNet是一种参数有效的框架,它的方向是更宽而不是更深。通过混合专家(MoE)代替前馈网络(FFN),使模型沿宽度缩放。使用单独LN用于转换各种语义表示,而不是共享权重。
deephub
2023/08/30
2180
WideNet:让网络更宽而不是更深
云原生关乎文化,而不是容器
本文译自 Cloud-Native Is about Culture, Not Containers[1],文章洋洋洒洒上万字,作者总结了她见过的云原生失败的各种经验教训,还用生动的示例说明了什么不是云原生。译者是在周末闲暇时间仓促间翻译的,其中难免有不当之处,请读者指正。译者:宋净超(Jimmy Song)
xcbeyond
2021/04/02
5050
jQuery解析ajax 返回的json
一、controller /** * 检查预订开始时间和结束时间的合法性 * @param startTime * @param endTime * @return */ @RequestMapping(value = "checkTime") @ResponseBody public String checkTime(String startTime, String endTime) { int space=Time
week
2018/08/24
2.4K0

相似问题

jQuery.width()返回百分比宽度而不是像素宽度

11

.width(变量)作为百分比而不是像素

22

.width()返回的像素多了4个

12

jQuery .css()返回像素而不是百分比

32

toPixels()返回图块的像素,而不是屏幕的像素

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文