当前位置: 首页 > 面试题库 >

在jQuery中获取CSS规则的百分比值

轩辕华辉
2023-03-14
问题内容

假设规则如下:

.largeField {
    width: 65%;
}

有没有办法以某种方式获得“ 65%”的回报,而不是像素值?

谢谢。

编辑: 不幸的是,在我的情况下,使用DOM方法是不可靠的,因为我有一个导入其他样式表的样式表,因此 cssRules 参数最终以
null未定义的 值结尾。

但是,这种方法在大多数直接的情况下都可以使用(一个样式表,文档的 head 标记内的多个单独的样式表声明)。


问题答案:

恐怕没有内置的方法。您可以执行以下操作:

var width = ( 100 * parseFloat($('.largeField').css('width')) / parseFloat($('.largeField').parent().css('width')) ) + '%';


 类似资料:
  • 我试图让一个div相对于元素的滚动百分比设置0%-100%的动画。 现在我已经设置了一些变量,但是我在试图计算一个百分比的高度时遇到了麻烦。 我们可以很容易地设置起始宽度,也可以很容易地检测滚动,我们可以得到触发动画的元素的高度,我只是不能得到它的百分比。 如果我能找出如何返回滚动的conheight百分比,那么这应该很容易。 这是一个JSFIDLE,http://jsfiddle.net/SnJ

  • 问题内容: 我在firefox上检索确切的css属性值(以“%”表示)时遇到问题。 假设我们有一个非常简单的标记: 和这个CSS: 而且 我想 通过js 检索左侧位置 (在“%”中) 使用mootools很容易(演示-> http://jsfiddle.net/steweb/AWdzB/): 或jQuery(演示-> http://jsfiddle.net/steweb/RaVyU/): 或通过普

  • 问题内容: 我有一个CSS课 我想使用Jquery在事件上执行类似的操作: 这行不通。这是错误的方法吗?我应该使用addClass()和removeClass()吗? 编辑:我想出了我的问题。实际上,此命令是有效的。在我的特定应用程序中,在使用命令之前,我没有使用类创建元素,因此在创建元素时,没有任何改变。 基本上,此命令不会更改CSS样式规则,只会更改使用该类的元素。 问题答案: 将在页面上找到

  • 我们正在使用(Graphite Grafana)收集某些指标,将它们用作监控系统运行状况和性能的工具。 对于其中一个延迟度量,我们得到总时间以及它组成的所有子组件的延迟。 我们显示所有值的第99个百分位。然而,如果我们将子组件延迟的第99个百分位相加,它们并不等于总时间的第99个百分位。 从本质上讲,如果百分位数可以遵循求和规则,那么它就会下降。即 这个行吗?

  • 主要内容:1、常规规则,2、嵌套规则在 CSS 中包含两种语法规则: 普通规则:由选择器、属性和值构成,在之前的学习中我们主要使用的就是这种规则; @规则:以开头后面跟随一个关键字的形式构成,也被称为“AT规则”,根据使用方法的不同又可以分为“常规规则”与“嵌套规则”两种。 本节我们主要来介绍一下 CSS 中的 @ 规则。 1、常规规则 所谓“常规规则”指的是语法类似下面的规则: @[KEYWORD] (RULE); 1) @cha

  • 问题内容: 我正在尝试使用带有百分比的height属性,但是它不起作用。我想使用百分比,因此在任何分辨率下看起来都不错。 我该如何运作? 问题答案: 当您使用宽度或高度时,您应该问的第一个问题是什么?因此,您还需要对父元素应用高度,因此,假设您的父元素位于body标签内,则需要在CSS中使用此元素 所以,现在你的元素是的 注意:另外,当您处理定位的元素时,您可能会遇到一种情况,即您的高度不会超过当