使用 jQuery 获取 CSS 属性的数字部分

给定一个 HTML 文档，任务是获取 CSS 属性的数字部分。就像如果 margin-top = 10px 我们只想提取 10。这里讨论的方法很少。
首先了解几种方法。

jQuery on() 方法
此方法为所选元素和子元素添加一个或多个事件处理程序。
句法：
```
$(selector).on(event, childSel, data, fun, map)
```
参数：
- 事件：此参数是必需的。它指定一个或多个事件或命名空间以添加到所选元素。
  如果有多个事件值，请用空格隔开。事件必须是有效的。
- childSel：该参数是可选的。它指定事件处理程序应该只附加到定义的子元素。
- 数据：该参数是可选的。它指定要传递给函数的附加数据。
- fun：这个参数是必需的。它指定事件发生时要运行的函数。
- map：它指定了一个事件映射（{event:func(), event:func(), ...}）具有一个或多个要添加到所选元素的事件，以及在事件发生时运行的函数。
jQuery text() 方法
此方法设置/返回所选元素的文本内容。
如果使用此方法返回内容，则提供所有匹配元素的文本内容（HTML 标签将被删除）。
如果使用此方法设置内容，它将替换所有匹配元素的内容。
句法：
- 返回文本内容：
```
$(selector).text()
```
- 设置文本内容：
```
$(selector).text(content)
```
- 使用函数设置文本内容：
```
$(selector).text(function(index, curContent))
```
参数：
- 内容：该参数是必需的。它指定所选元素的新文本内容。
- 函数(index, curContent)：这个参数是可选的。它指定了一个函数，该函数返回所选元素的新文本内容。
  - index：它返回集合中元素的索引位置。
  - curContent：它返回所选元素的当前内容。
jQuery css() 方法
此方法为定义的元素设置/返回一个或多个样式属性。
句法：
- 它返回一个 CSS 属性：
```
css("propertyname")
```
- 它设置了一个 CSS 属性：
```
css("propertyname", "value")
```
- 它设置多个 CSS 属性：
```
css({"propertyname":"value", "propertyname":"value", ...});
```
参数：
- propertyName：它指定元素的属性。
- value：它指定元素的值。
替换（）方法
此方法在字符串搜索定义的值或正则表达式，并返回一个带有替换的定义值的新字符串。
句法：
```
string.replace(searchVal, newvalue)
```
参数：
- searchVal：此参数是必需的。它指定将被新值替换的值或正则表达式。
- newvalue：这个参数是必需的。它指定用于替换搜索值的值。
返回值：
返回一个新字符串，其中定义的值已被新值替换。

示例 1：此示例选择元素，然后使用.css() 方法、 RegExp和replace() 方法提取其属性。



  

    
        JQuery | Get numeric part of CSS property.
    
    


  

     
            GeeksforGeeks

输出：

点击按钮前：
点击按钮后：

示例 2：此示例选择具有 [id = 'GFG_UP'] 的元素，然后使用.css() 方法、 RegExp和replace() 方法提取其 fontSize 属性。



  

    
        JQuery | Get numeric part of CSS property.
    
    


  

     
            GeeksforGeeks

输出：

点击按钮前：
点击按钮后：