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