仅当具有特定功能时才使用jquery更改CSS属性值

Question

我想使用jQuery来更改CSS属性值，但前提是该属性具有某个功能。

例如： [class="btn"] { background-image: linear-gradient(red, white)}

我只想在具有线性渐变功能时将background-image设置为none。我不想在任何其他情况下改变它。

非常感谢!!!

Answer 1

您可以获取background-image的值，然后针对linear-gradient(red, white);进行测试：

var element = $('[class=“btn”]'); // or just $('.btn');
if(element.css('background-image') == 'linear-gradient(red, white)') {
    // do something
}

或者只是检查一下linear-gradient所以无论渐变使用哪种颜色都会匹配;

var element = $('[class=“btn”]'); // or just $('.btn');
if(element.css('background-image').indexOf('linear-gradient') == 0) { // == 0 to check if the background-image starts with linear-gradient
    // do something
}