jQuery CSS() 方法

jQuery css()方法獲取或設(shè)置所選元素的一個或多個樣式屬性。

此方法提供了一種將樣式（內(nèi)聯(lián)樣式）直接應(yīng)用于HTML元素的快速方法。

返回CSS屬性值

要返回指定CSS屬性的值，請使用以下語法：

$(selector).css(property)

下面的示例返回單擊的DIV的背景色：

$("div").click(function(){
  $(this).css("background-color");
});

設(shè)置CSS屬性和值

要設(shè)置指定的CSS屬性和值，請使用以下語法：

$(selector).css(property, value)

下面的示例設(shè)置所有段落的color屬性：

$("button").click(function(){
  $("p").css("color", "blue");
});

當(dāng)使用css()方法獲取屬性值時，它將返回第一個選定元素的值。

使用css()方法設(shè)置屬性值時，它將為所有選定元素設(shè)置一個或多個屬性/值對。

設(shè)置多個CSS屬性和值

要設(shè)置多個CSS屬性和值，請使用以下語法：

$(selector).css({property:value, property:value, ...})

以下示例為所有段落設(shè)置了多個CSS屬性和值：

$("button").click(function(){
  $("p").css({
    "color": "white",
    "font-size": "1.3em",
    "background-color": "#4285f4",
    "padding": "20px"  
  });
});

jQuery CSS參考

有關(guān)完整的CSS方法參考，請訪問我們的jQuery HTML / CSS參考。