$（this）.css多個樣式jQuery

Question

我正在嘗試下面，但它不起作用。

$(this).css('border-bottom', '2px solid red', 'padding-bottom: 26px'); 

但這個工程：

$(this).css('border-bottom', '2px solid red'); 

上同時實現樣式屬性最好的辦法任何建議。

Answer 1

您需要針對多種樣式使用適當的JavaScript表示法{}。

$(this).css({ 
    border-bottom:'2px solid red', 
    padding-bottom: '26px' 
}); 

http://api.jquery.com/css/#css-properties

Answer 2

您可以在一個對象傳遞給jQuery.css()方法

$(this).css({ "border-bottom": "2px solid red", "padding-bottom": "26px" }); 

你可以看到更多在這裏

jQuery .css() Documentation

我建議，以供將來參考您的書籤手冊。

jQuery Api Documentation

Answer 3

把樣式，屬性中的對象，使用DOM屬性的樣式名稱：

$(this).css({ borderBottom: '2px solid red', paddingBottom: '26px'); 

或CSS樣式名稱爲字符串：

$(this).css({ 'border-bottom': '2px solid red', 'padding-bottom': '26px'); 

Answer 4

$(this).css({ "background-color": "red", "border-right": "5px solid green" }); 

很簡單。

來源：http://api.jquery.com/css/

Answer 5

你可以這樣做：

$(this).css('border-bottom', '2px solid red'); 
$(this).css('padding-bottom', '26px'); 

的