為什麼我的 jQuery CSS 修改不起作用？

使用 jQuery 更改 CSS

在嘗試使用 jQuery 修改 CSS 時，您可能會遇到困難。讓我們解決一個常見問題。

問題：

$(init);

function init() {
    $("h1").css("backgroundColor", "yellow");
    $("#myParagraph").css({"backgroundColor":"black","color":"white");
    $(".bordered").css("border", "1px solid black");
}

儘管遵循正確的語法，程式碼仍無法運作。

答案：

錯誤源自於缺少關閉$("#myParagraph").css() 行中的大括號。正確的程式碼應該是：

$("#myParagraph").css({"backgroundColor": "black", "color": "white"});

此修改會產生一個有效的 JavaScript 函數，該函數成功修改了 CSS 元素。澄清一下，CSS 屬性名稱符號「backgroundColor」和「background-color」在 jQuery 中都是有效的。 jQuery API 文件證實了這一點。

這裡有現場示範：http://jsfiddle.net/YPYz8/

完整的工作程式碼：

$(init);

function init() {
    $("h1").css("backgroundColor", "yellow");
    $("#myParagraph").css({"backgroundColor": "black", "color": "white"});
    $(".bordered").css("border", "1px solid black");
}

此程式碼片段示範如何將h1元素的背景顏色變更為黃色，該元素的背景顏色為ID“myParagraph”為黑色，該元素中的文字顏色為白色。此外，它還為所有具有「bordered」類別的元素添加了 1px 黑色邊框。

以上是為什麼我的 jQuery CSS 修改不起作用？的詳細內容。更多資訊請關注PHP中文網其他相關文章！