jquery - 我可以检查 CSS 属性是否对 jQuery 有效吗？

Question

我正在构建一个简单的 CSS 编辑器，我想让用户编辑元素的 CSS 属性或添加一个新元素。

在将新的 CSS 属性应用于元素之前，我想检查该属性是否有效。

您知道使用 jQuery 检查 CSS 属性/值是否有效的简单方法吗？

更新:

例子:

$('#some-element').css('margin','10px'); //this is valid and it will be applied
$('#some-element').css('margin','asds'); //this is not valid and it will not be applied

如何在应用该属性之前检查 margin: asds; 是否有效？

Answer 1

我可能想到的快速解决方案是使用 CSS.supports 功能。 也将与 Vanilla js 一起工作。 事情是这样的:

CSS.supports(propertyName, propertyValue)

CSS.supports('color','red') 
//True.
CSS.supports('color', '#007')
//True. 

CSS.supports('color', 'random')
//False. 
CSS.supports('colours', 'red')
//False. 

我认为没有必要生成辅助函数，因为它非常简单。