好程序员官网-从平凡到卓越,为梦想而拼搏-好程序员特训营

jquery获取style属性值的方法是什么？

来源：好程序员发布人：lxl 2023-06-16

推荐

　　使用jQuery获取元素的style属性值可以使用 `.css()` 方法。

　　`.css()` 方法允许你获取或设置元素的CSS属性值。要获取一个元素的style属性值，你可以使用以下语法：

　```javascript

　　var styleValue = $('选择器').css('属性名');

　　```

　　在上面的代码中，将 `"选择器"` 替换为要选择的元素的选择器，并将 `"属性名"` 替换为要获取的CSS属性名。这将返回所选元素的指定属性的值。

　　以下是一个示例，展示如何使用jQuery获取元素的color属性值：

　　```javascript

　　var colorValue = $('div').css('color');

　　console.log(colorValue);

　　```

　　在上面的示例中，使用 `"div"` 作为选择器来选择一个 `

` 元素，并使用 `.css('color')` 获取它的color属性值。最后，使用 `console.log()` 打印属性值。

　　请注意，使用 `.css()` 方法获取的是计算后的样式，而不是内联样式。如果需要获取内联样式，请使用 `.attr('style')` 方法。

　　```javascript

　　var inlineStyle = $('选择器').attr('style');

　　```

　　上面的代码将返回所选元素的内联样式字符串。但是请注意，这将返回整个style属性的值，而不仅仅是单个属性的值。如果你只想获取单个属性的值，建议使用 `.css()` 方法。