要获取jQuery元素的CSS属性值,可以使用css()
方法。该方法可以接受一个参数,即要获取的CSS属性名,也可以不传参数,返回一个包含所有CSS属性及其值的对象。
以下是一些示例:
- 获取元素的单个CSS属性值:
var value = https://www.yisu.com/ask/$('#myElement').css('color'); console.log(value);
- 获取元素的多个CSS属性值:
var cssObj = $('#myElement').css(['color', 'font-size']); console.log(cssObj.color); console.log(cssObj['font-size']);
- 获取元素的所有CSS属性及其值:
var cssObj = $('#myElement').css(); console.log(cssObj);
注意:css()
方法返回的属性值是字符串形式,如果要进行数值计算,需要使用parseInt()
或parseFloat()
进行转换。