仅在具有特定功能的情况下才使用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
}