是的,jQuery 可以获取与元素相关的所有 CSS 样式。jQuery 提供了 css()
方法,可以用来获取或设置元素的 CSS 样式。
例如,以下代码可以获取指定元素的所有 CSS 样式:
var styles = {};
$('selector').each(function() {
var style = $(this).attr('style');
if (style) {
style.split(';').forEach(function(declaration) {
var propertyValue = declaration.split(':');
var property = propertyValue[0].trim();
var value = propertyValue[1].trim();
styles[property] = value;
});
}
});
在这个例子中,$('selector')
是一个选择器,用来选择需要获取 CSS 样式的元素。each()
方法用来遍历所有匹配的元素。$(this).attr('style')
用来获取元素的内联样式。然后,将内联样式的每个属性和值存储在 styles
对象中。
需要注意的是,这个方法只能获取元素的内联样式,无法获取通过外部样式表或内部样式表应用的样式。如果需要获取这些样式,可以使用浏览器提供的 getComputedStyle()
方法。
领取专属 10元无门槛券
手把手带您无忧上云